:root {
  --ink: #182230;
  --muted: #667085;
  --line: #e4e7ec;
  --canvas: #f6f8fb;
  --panel: #ffffff;
  --navy: #101828;
  --navy-2: #1d2939;
  --brand: #246bfe;
  --brand-soft: #edf3ff;
  --success: #137a4c;
  --success-soft: #eaf8f0;
  --amber: #b54708;
  --amber-soft: #fff5e8;
  --danger: #b42318;
  --danger-soft: #fff0ef;
  --purple: #6938ef;
  --radius: 16px;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", sans-serif;
}

* { box-sizing: border-box; }
[hidden] { display: none !important; }
body { margin: 0; min-width: 1120px; color: var(--ink); background: var(--canvas); }
button, input, select, textarea { font: inherit; }
button { cursor: pointer; }

.app-shell { display: flex; min-height: 100vh; }
.sidebar { position: fixed; inset: 0 auto 0 0; width: 244px; display: flex; flex-direction: column; padding: 24px 14px 16px; color: #d0d5dd; background: var(--navy); }
.brand { display: flex; align-items: center; gap: 11px; padding: 4px 10px 30px; }
.brand-mark { width: 36px; height: 36px; display: grid; place-items: center; color: white; border-radius: 10px; background: linear-gradient(135deg, #4b8bff, #1f56dc); font-weight: 800; }
.brand strong { display: block; color: white; font-size: 16px; letter-spacing: .02em; }
.brand span { display: block; margin-top: 3px; color: #98a2b3; font-size: 12px; }
.nav { display: grid; gap: 4px; }
.nav-item { display: flex; align-items: center; gap: 11px; width: 100%; padding: 11px 13px; color: #98a2b3; text-align: left; border: 0; border-radius: 10px; background: transparent; transition: .16s ease; }
.nav-item span { width: 15px; color: #b9c4d6; text-align: center; }
.nav-item:hover { color: #f9fafb; background: rgba(255,255,255,.06); }
.nav-item.is-active { color: white; background: rgba(91, 137, 255, .22); box-shadow: inset 0 0 0 1px rgba(147, 180, 255, .15); }
.nav-item.is-active span { color: #91b3ff; }
.nav-item .nav-alert-count { min-width: 22px; width: auto; margin-left: auto; padding: 2px 6px; color: #fff; text-align: center; font-size: 11px; line-height: 18px; border-radius: 999px; background: #3971e8; }
.nav-item .nav-alert-count.is-overdue { background: #d92d20; box-shadow: 0 0 0 3px rgba(217,45,32,.18); }
.sidebar-note { display: flex; gap: 10px; margin: auto 6px 2px; padding: 12px; border: 1px solid rgba(255,255,255,.09); border-radius: 12px; background: rgba(255,255,255,.035); }
.sidebar-note strong { display: block; color: #e4e7ec; font-size: 11px; }
.sidebar-note p { margin: 4px 0 0; color: #98a2b3; font-size: 11px; line-height: 1.35; }
.status-dot { width: 8px; height: 8px; flex: 0 0 auto; margin-top: 4px; border-radius: 50%; background: #32d583; box-shadow: 0 0 0 4px rgba(50,213,131,.12); }

.main-shell { width: calc(100% - 244px); margin-left: 244px; }
.topbar { display: flex; align-items: center; justify-content: space-between; min-height: 94px; padding: 22px 34px 18px; border-bottom: 1px solid var(--line); background: rgba(255,255,255,.82); }
.eyebrow { margin: 0 0 3px; color: #98a2b3; font-size: 10px; font-weight: 700; letter-spacing: .12em; }
h1 { margin: 0; font-size: 24px; letter-spacing: -.03em; }
.top-actions { display: flex; align-items: center; gap: 12px; }
.demo-badge { padding: 7px 10px; color: var(--purple); border: 1px solid #d9d6fe; border-radius: 999px; background: #f4f3ff; font-size: 12px; font-weight: 600; }
.page-content { padding: 28px 34px 38px; }

.button { padding: 9px 14px; border: 1px solid transparent; border-radius: 9px; font-weight: 650; font-size: 13px; transition: .16s ease; }
.button-primary { color: white; background: var(--brand); box-shadow: 0 1px 2px rgba(36,107,254,.24); }
.button-primary:hover { background: #155eef; }
.button-secondary { color: #344054; border-color: #d0d5dd; background: white; }
.button-secondary:hover { background: #f9fafb; }
.button-subtle { padding: 6px 9px; color: var(--brand); border: 0; background: transparent; }
.button-danger { color: var(--danger); border-color: #fecdca; background: white; }
.button:disabled { cursor: not-allowed; opacity: .55; }

.section-heading { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 16px; }
.section-heading h2 { margin: 0; font-size: 16px; letter-spacing: -.02em; }
.section-heading p { margin: 5px 0 0; color: var(--muted); font-size: 13px; }
.kpi-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin-bottom: 26px; }
.kpi-card { min-height: 129px; padding: 17px 18px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--panel); box-shadow: 0 1px 2px rgba(16,24,40,.02); }
.kpi-card .label { color: var(--muted); font-size: 12px; }
.kpi-card .value { margin: 11px 0 8px; font-size: 30px; font-weight: 760; letter-spacing: -.055em; }
.kpi-card .note { color: #98a2b3; font-size: 11px; }
.kpi-card:nth-child(2) .value { color: var(--amber); }
.kpi-card:nth-child(3) .value { color: var(--success); }
.kpi-card:nth-child(4) .value { color: var(--purple); }
.dashboard-grid { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(300px, .85fr); gap: 18px; }
.panel { border: 1px solid var(--line); border-radius: var(--radius); background: var(--panel); overflow: hidden; }
.panel-header { display: flex; align-items: center; justify-content: space-between; padding: 16px 18px; border-bottom: 1px solid var(--line); }
.panel-header h3 { margin: 0; font-size: 14px; }
.panel-header span { color: var(--muted); font-size: 12px; }
.queue-list { display: grid; }
.queue-row { display: grid; grid-template-columns: 46px 1fr auto; align-items: center; gap: 11px; padding: 13px 18px; border-bottom: 1px solid #f0f2f5; }
.queue-row:last-child { border-bottom: 0; }
.queue-row:hover { background: #fbfcff; }
.queue-main strong, .queue-main span { display: block; }
.queue-main strong { margin-bottom: 4px; font-size: 13px; }
.queue-main span { overflow: hidden; color: var(--muted); font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.queue-meta { color: #98a2b3; font-size: 11px; text-align: right; }
.level { display: inline-grid; width: 32px; height: 28px; place-items: center; border-radius: 8px; font-size: 12px; font-weight: 800; }
.level-S { color: #b42318; background: #fff0ef; }.level-A { color: #b54708; background: #fff5e8; }.level-B { color: #175cd3; background: #eff8ff; }.level-C { color: #475467; background: #f2f4f7; }.level-N { color: #667085; background: #f2f4f7; }
.funnel { display: grid; gap: 0; padding: 4px 18px 15px; }
.funnel-row { display: grid; grid-template-columns: 24px 1fr auto; align-items: center; gap: 9px; padding: 13px 0; border-bottom: 1px solid #f2f4f7; }
.funnel-row:last-child { border-bottom: 0; }.funnel-index { color: #98a2b3; font-size: 11px; }.funnel-label { font-size: 13px; }.funnel-value { font-size: 14px; font-weight: 720; }
.source-brief { display: grid; gap: 8px; padding: 15px 18px; }.source-brief-row { display: flex; align-items: center; justify-content: space-between; padding: 9px 0; border-bottom: 1px solid #f2f4f7; }.source-brief-row:last-child { border-bottom: 0; }
.source-brief-row strong { font-size: 12px; }.source-brief-row span { color: var(--muted); font-size: 11px; }

.toolbar { display: flex; align-items: center; gap: 9px; margin-bottom: 16px; }
.filter { min-width: 118px; padding: 8px 10px; color: #475467; border: 1px solid #d0d5dd; border-radius: 8px; background: white; font-size: 12px; }
.workspace { display: grid; grid-template-columns: 376px minmax(0, 1fr); min-height: 650px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--panel); overflow: hidden; }
.message-list { border-right: 1px solid var(--line); background: #fcfcfd; }.message-list-header { padding: 15px 16px; color: var(--muted); border-bottom: 1px solid var(--line); font-size: 12px; }
.message-item { display: grid; grid-template-columns: 33px 1fr; gap: 10px; width: 100%; padding: 13px 15px; text-align: left; border: 0; border-bottom: 1px solid #eef1f4; background: transparent; }.message-item:hover,.message-item.is-selected { background: #f4f7ff; }.message-item.is-selected { box-shadow: inset 3px 0 0 var(--brand); }
.message-item strong, .message-item span { display: block; }.message-item strong { overflow: hidden; margin-bottom: 5px; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }.message-item .snippet { overflow: hidden; color: var(--muted); font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }.message-item .time { margin-top: 6px; color: #98a2b3; font-size: 10px; }
.message-detail { padding: 22px 25px; }.detail-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; }.detail-top h2 { margin: 0; font-size: 17px; }.detail-top p { margin: 5px 0 0; color: var(--muted); font-size: 12px; }.detail-tags { display: flex; flex-wrap: wrap; gap: 7px; margin: 16px 0; }.tag { padding: 5px 8px; color: #475467; border-radius: 6px; background: #f2f4f7; font-size: 11px; }.tag-blue { color: #175cd3; background: #eff8ff; }
.conversation { padding: 15px; border: 1px solid #e7ebf2; border-radius: 12px; background: #fbfcff; }.bubble-label { margin-bottom: 6px; color: #98a2b3; font-size: 11px; }.bubble { max-width: 76%; padding: 11px 13px; border-radius: 4px 12px 12px 12px; background: white; box-shadow: 0 1px 2px rgba(16,24,40,.05); font-size: 13px; line-height: 1.55; }.history { margin-top: 14px; }.history-row { margin-top: 8px; color: var(--muted); font-size: 12px; }.history-row strong { color: #344054; }
.evaluation { margin-top: 17px; padding: 15px; border: 1px solid #dbe6ff; border-radius: 12px; background: #f7f9ff; }.evaluation-head { display: flex; justify-content: space-between; align-items: center; }.evaluation h3 { margin: 0; font-size: 13px; }.score { color: var(--brand); font-size: 22px; font-weight: 800; }.evaluation-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin: 12px 0; }.evaluation-grid span { display: block; color: #98a2b3; font-size: 10px; }.evaluation-grid strong { display: block; margin-top: 3px; font-size: 12px; }.rule-hits { display: flex; flex-wrap: wrap; gap: 6px; }.rule-hit { padding: 4px 6px; color: #344054; border: 1px solid #dfe5ef; border-radius: 5px; background: white; font-size: 10px; }
.reply-box { display: grid; gap: 9px; margin-top: 16px; }.reply-box textarea { width: 100%; min-height: 74px; padding: 10px; resize: vertical; border: 1px solid #d0d5dd; border-radius: 9px; outline: none; }.reply-box textarea:focus,.field input:focus,.field select:focus { border-color: #84adff; box-shadow: 0 0 0 3px #edf3ff; }.reply-actions { display: flex; justify-content: flex-end; gap: 8px; }

.table-wrap { overflow: auto; border: 1px solid var(--line); border-radius: var(--radius); background: white; }.data-table { width: 100%; border-collapse: collapse; text-align: left; }.data-table th { padding: 12px 14px; color: #667085; border-bottom: 1px solid var(--line); background: #fcfcfd; font-size: 11px; font-weight: 650; white-space: nowrap; }.data-table td { padding: 13px 14px; border-bottom: 1px solid #eef1f4; font-size: 12px; vertical-align: middle; }.data-table tr:last-child td { border-bottom: 0; }.data-table .primary { font-weight: 680; }.data-table .sub { display: block; margin-top: 3px; color: #98a2b3; font-size: 10px; }.status { display: inline-block; padding: 5px 8px; border-radius: 999px; font-size: 10px; font-weight: 700; }.status-待确认,.status-待处理 { color: #b54708; background: var(--amber-soft); }.status-有效,.status-已移交销售,.status-ready,.status-completed { color: #137a4c; background: var(--success-soft); }.status-已回复,.status-planned { color: #175cd3; background: #eff8ff; }.status-已关闭,.status-not_started { color: #667085; background: #f2f4f7; }
.inline-select { padding: 6px 7px; border: 1px solid #d0d5dd; border-radius: 6px; background: white; font-size: 11px; }

.rule-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; }.rule-card { padding: 16px; border: 1px solid var(--line); border-radius: 13px; background: white; }.rule-card.is-disabled { opacity: .56; }.rule-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }.rule-card h3 { margin: 0; font-size: 14px; }.rule-card p { min-height: 32px; margin: 7px 0 12px; color: var(--muted); font-size: 12px; line-height: 1.4; }.rule-meta { display: flex; flex-wrap: wrap; gap: 6px; }.rule-meta span { padding: 4px 6px; color: #475467; border-radius: 5px; background: #f2f4f7; font-size: 10px; }

.content-summary { display: grid; grid-template-columns: 1.45fr .85fr; gap: 18px; }.rank-list { padding: 4px 18px 13px; }.rank-row { display: grid; grid-template-columns: 24px 1fr auto; gap: 9px; align-items: center; width: 100%; padding: 12px 0; border: 0; border-bottom: 1px solid #f2f4f7; background: transparent; text-align: left; }.rank-row:last-child { border-bottom: 0; }.rank-row strong { display: block; font-size: 12px; }.rank-row span { display: block; margin-top: 4px; color: var(--muted); font-size: 11px; }.rank-row-button { padding-right: 8px; border-radius: 8px; transition: background .16s ease, transform .16s ease; }.rank-row-button:hover { padding-left: 8px; background: #f7f9ff; }.rank-row-button:focus-visible { outline: 3px solid #dbe7ff; outline-offset: 2px; }.rank-value { color: var(--brand) !important; font-weight: 750; font-size: 13px !important; text-align: right; }.rank-value small { display: block; margin-top: 4px; color: #98a2b3; font-size: 9px; font-weight: 600; }
.review-back { margin-bottom: 14px; }.review-detail-heading { align-items: flex-start; }.review-detail-heading .detail-tags { justify-content: flex-end; margin: 0; }.review-kpi-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; margin-bottom: 18px; }.review-kpi { padding: 16px; border: 1px solid var(--line); border-radius: 13px; background: white; }.review-kpi > span { display: block; color: var(--muted); font-size: 11px; }.review-kpi > strong { display: block; margin: 8px 0 5px; font-size: 24px; letter-spacing: -.04em; }.review-kpi > small { color: #98a2b3; font-size: 10px; }.review-kpi-accent { border-color: #d9d6fe; background: linear-gradient(145deg,#fbfaff,#f4f3ff); }.review-kpi-accent > strong { color: var(--purple); }.review-detail-grid { display: grid; grid-template-columns: 1.2fr .8fr; gap: 18px; }.content-funnel { display: grid; gap: 13px; padding: 18px; }.content-funnel-row { display: grid; grid-template-columns: 88px 1fr 116px; align-items: center; gap: 12px; }.content-funnel-label { display: flex; align-items: center; gap: 8px; }.content-funnel-label span { color: #98a2b3; font-size: 9px; }.content-funnel-label strong { font-size: 12px; }.content-funnel-track { height: 9px; overflow: hidden; border-radius: 999px; background: #eef2f7; }.content-funnel-track i { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg,#246bfe,#77a3ff); }.content-funnel-value { text-align: right; }.content-funnel-value strong { display: block; font-size: 12px; }.content-funnel-value span { display: block; margin-top: 3px; color: #98a2b3; font-size: 9px; }.review-comparison { display: grid; grid-template-columns: 1fr 1fr; gap: 0; padding: 7px 18px 15px; }.review-comparison > div { padding: 12px 8px; border-bottom: 1px solid #f0f2f5; }.review-comparison > div:nth-last-child(-n+2) { border-bottom: 0; }.review-comparison span,.review-comparison small { display: block; color: #98a2b3; font-size: 9px; }.review-comparison strong { display: block; margin: 5px 0 3px; font-size: 15px; }.review-insights { display: grid; grid-template-columns: 230px 1fr; gap: 24px; margin-top: 18px; padding: 20px; border: 1px solid #d7e4ff; border-radius: var(--radius); background: linear-gradient(135deg,#f8fbff,#f7f8ff); }.insight-kicker { color: var(--brand); font-size: 10px; font-weight: 800; letter-spacing: .1em; }.review-insights h3 { margin: 7px 0 6px; font-size: 16px; }.review-insights p { margin: 0; color: var(--muted); font-size: 11px; line-height: 1.5; }.review-insights ol { display: grid; gap: 8px; margin: 0; padding-left: 20px; }.review-insights li { padding-left: 4px; color: #344054; font-size: 12px; line-height: 1.55; }.review-insights footer { grid-column: 1 / -1; display: flex; gap: 16px; padding-top: 12px; color: #98a2b3; border-top: 1px solid #e1e8f5; font-size: 9px; }

.connector-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }.connector-card { padding: 18px; border: 1px solid var(--line); border-radius: var(--radius); background: white; }.connector-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 8px; }.connector-card h3 { margin: 0; font-size: 15px; }.connector-card p { margin: 5px 0 0; color: var(--muted); font-size: 12px; }.capability-list { display: grid; gap: 8px; margin: 16px 0; }.capability { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 8px 9px; border-radius: 8px; background: #f8fafc; }.capability strong { display: block; font-size: 11px; }.capability small { display: block; margin-top: 3px; color: var(--muted); font-size: 10px; }.capability-state { padding: 4px 6px; color: #475467; border-radius: 5px; background: #eef2f6; font-size: 9px; white-space: nowrap; }.architecture { margin-top: 22px; padding: 18px; border: 1px dashed #b8c7e5; border-radius: var(--radius); background: linear-gradient(135deg,#f8fbff,#f6f7ff); }.architecture h3 { margin: 0 0 14px; font-size: 14px; }.architecture-flow { display: grid; grid-template-columns: repeat(5, 1fr); gap: 8px; align-items: center; }.architecture-node { min-height: 65px; display: grid; place-items: center; padding: 10px; color: #344054; border: 1px solid #d6e4ff; border-radius: 9px; background: white; text-align: center; font-size: 11px; font-weight: 650; }.architecture-arrow { color: #84adff; text-align: center; }

.audit-list { display: grid; border: 1px solid var(--line); border-radius: var(--radius); background: white; overflow: hidden; }.audit-row { display: grid; grid-template-columns: 144px 1fr 130px; gap: 12px; padding: 14px 16px; border-bottom: 1px solid #eef1f4; }.audit-row:last-child { border-bottom: 0; }.audit-row time,.audit-row .actor { color: #98a2b3; font-size: 11px; }.audit-row strong { display: block; margin-bottom: 4px; font-size: 12px; }.audit-row p { margin: 0; color: var(--muted); font-size: 12px; }

.empty { padding: 34px; color: var(--muted); text-align: center; }.modal { width: min(550px, calc(100vw - 40px)); padding: 0; border: 0; border-radius: 16px; box-shadow: 0 24px 80px rgba(16,24,40,.22); }.modal::backdrop { background: rgba(16,24,40,.45); }.modal-inner { padding: 22px; }.modal-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; margin-bottom: 17px; }.modal-header h2 { margin: 0; font-size: 17px; }.modal-header p { margin: 5px 0 0; color: var(--muted); font-size: 12px; }.close { width: 30px; height: 30px; color: #667085; border: 0; border-radius: 7px; background: #f2f4f7; }.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }.field { display: grid; gap: 6px; }.field-wide { grid-column: 1 / -1; }.field label { color: #344054; font-size: 11px; font-weight: 650; }.field input,.field select,.field textarea { width: 100%; padding: 9px 10px; color: #344054; border: 1px solid #d0d5dd; border-radius: 8px; outline: none; background: white; font-size: 12px; }.field textarea { min-height: 88px; resize: vertical; }.modal-actions { display: flex; justify-content: flex-end; gap: 8px; margin-top: 20px; }
.toast { position: fixed; right: 24px; bottom: 22px; z-index: 10; max-width: 360px; padding: 11px 13px; color: white; border-radius: 9px; background: #344054; box-shadow: 0 8px 28px rgba(16,24,40,.18); font-size: 12px; opacity: 0; transform: translateY(10px); pointer-events: none; transition: .2s ease; }.toast.is-visible { opacity: 1; transform: translateY(0); }.toast.is-error { background: #b42318; }

.admin-badge { padding: 7px 10px; color: #344054; border: 1px solid #d0d5dd; border-radius: 999px; background: white; font-size: 11px; font-weight: 650; }
.identity-switcher { display: flex; align-items: center; gap: 7px; padding: 4px 5px 4px 9px; color: #667085; border: 1px solid #d0d5dd; border-radius: 9px; background: white; font-size: 10px; font-weight: 700; }
.identity-switcher select { max-width: 190px; padding: 4px 25px 4px 6px; color: #1d2939; border: 0; border-left: 1px solid #eaecf0; outline: none; background: white; font-size: 11px; font-weight: 650; }
.handoff-summary-head { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-bottom: 12px; padding: 15px 17px; color: #344054; border: 1px solid #d9e3f7; border-radius: 13px; background: linear-gradient(135deg,#f8fbff,#f7f8ff); }.handoff-summary-head strong { display: block; font-size: 13px; }.handoff-summary-head p { margin: 5px 0 0; color: var(--muted); font-size: 11px; }.handoff-summary-head > div:last-child { display: flex; gap: 8px; }.handoff-summary-head > div:last-child span { padding: 7px 9px; color: #175cd3; border-radius: 7px; background: #eff8ff; font-size: 11px; font-weight: 700; }
.sales-summary-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; margin-bottom: 16px; }.sales-summary-card { padding: 15px; border: 1px solid var(--line); border-radius: 13px; background: white; }.sales-summary-top { display: flex; justify-content: space-between; align-items: flex-end; }.sales-summary-top > div:last-child { text-align: right; }.sales-summary-top span { display: block; color: #98a2b3; font-size: 9px; }.sales-summary-top strong { display: block; margin-top: 4px; font-size: 17px; }.sales-summary-top > div:last-child strong { color: var(--brand); font-size: 24px; }.level-breakdown { display: grid; grid-template-columns: repeat(5,1fr); gap: 5px; margin: 13px 0 10px; }.level-breakdown span { display: flex; justify-content: space-between; padding: 6px; color: #475467; border-radius: 6px; background: #f7f8fa; font-size: 10px; }.level-breakdown b { color: #344054; }.sales-summary-card footer { color: #98a2b3; font-size: 9px; }
.handoff-current { display: grid; grid-template-columns: auto auto; align-items: center; gap: 2px 8px; min-width: 110px; }.handoff-current strong { font-size: 12px; }.handoff-current span { color: #98a2b3; font-size: 9px; }.handoff-current .button { grid-column: 1 / -1; justify-self: start; padding-left: 0; }.muted-note { color: #98a2b3; font-size: 10px; }.handoff-history { margin-top: 24px; }.handoff-history .section-heading { align-items: flex-end; margin-bottom: 10px; }
.team-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; }.team-group { min-height: 155px; padding: 15px; border: 1px solid var(--line); border-radius: 13px; background: white; }.team-group-head { display: flex; align-items: center; justify-content: space-between; padding-bottom: 11px; border-bottom: 1px solid #eef1f4; }.team-group-head strong { font-size: 12px; }.team-group-head span { color: #98a2b3; font-size: 10px; }.person-list { display: grid; gap: 10px; padding-top: 11px; }.person-row { display: flex; align-items: center; gap: 8px; }.person-row > div { min-width: 0; flex: 1; }.person-row > .button { flex: 0 0 auto; margin-left: auto; }.person-avatar { width: 28px; height: 28px; display: grid; place-items: center; flex: 0 0 auto; color: #175cd3; border-radius: 8px; background: #eff8ff; font-size: 11px; font-weight: 800; }.person-row strong,.person-row small { display: block; }.person-row strong { font-size: 11px; }.person-row small { margin-top: 2px; color: #98a2b3; font-size: 8px; }.account-ownership { margin-top: 24px; }.operator-chips { display: flex; flex-wrap: wrap; gap: 5px; min-width: 150px; }.operator-chips span { padding: 4px 7px; color: #175cd3; border-radius: 6px; background: #eff8ff; font-size: 10px; font-weight: 700; }.operator-chips em { color: #98a2b3; font-size: 10px; font-style: normal; }.boundary-card { margin-top: 18px; padding: 15px 17px; color: #344054; border: 1px dashed #b8c7e5; border-radius: 13px; background: #f8fbff; }.boundary-card strong { font-size: 12px; }.boundary-card p { margin: 5px 0 0; color: var(--muted); font-size: 11px; line-height: 1.5; }.handoff-check { display: grid; gap: 4px; margin-top: 13px; padding: 11px; color: #344054; border-radius: 9px; background: #f7f9ff; }.handoff-check strong { font-size: 11px; }.handoff-check span { color: var(--muted); font-size: 10px; }
.permission-note { display: grid; gap: 4px; margin-bottom: 12px; padding: 11px 12px; color: #344054; border: 1px solid #c7d7fe; border-radius: 9px; background: #f7f9ff; }.permission-note strong { font-size: 11px; }.permission-note span { color: #667085; font-size: 10px; line-height: 1.5; }
.permission-options { display: grid; gap: 8px; max-height: 320px; overflow: auto; }.permission-option { display: grid; grid-template-columns: auto 30px 1fr; align-items: center; gap: 9px; padding: 10px 11px; border: 1px solid #e4e7ec; border-radius: 10px; background: white; cursor: pointer; }.permission-option:has(input:checked) { border-color: #84adff; background: #f8fbff; box-shadow: 0 0 0 2px #edf3ff; }.permission-option input { width: 16px; height: 16px; accent-color: var(--brand); }.permission-option strong,.permission-option small { display: block; }.permission-option strong { font-size: 12px; }.permission-option small { margin-top: 3px; color: #98a2b3; font-size: 9px; }.sales-contact { color: #175cd3 !important; font-size: 11px !important; font-weight: 750; }
.heading-actions { display: flex; align-items: center; gap: 9px; }.lead-overview-strip { display: grid; grid-template-columns: repeat(5,1fr); margin-bottom: 18px; border: 1px solid var(--line); border-radius: 13px; background: white; overflow: hidden; }.lead-overview-strip > div { padding: 14px 16px; border-right: 1px solid #eef1f4; }.lead-overview-strip > div:last-child { border-right: 0; }.lead-overview-strip span { display: block; color: var(--muted); font-size: 10px; }.lead-overview-strip strong { display: block; margin-top: 6px; font-size: 22px; letter-spacing: -.04em; }.lead-overview-strip > div:nth-child(2) strong { color: var(--amber); }.lead-overview-strip > div:nth-child(3) strong { color: var(--success); }.lead-overview-strip > div:nth-child(5) strong { color: var(--brand); }
.operator-section { margin-bottom: 22px; }.operator-section-head { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 10px; }.operator-section-head h3,.lead-table-heading h3 { margin: 0; font-size: 14px; }.operator-section-head p,.lead-table-heading p { margin: 4px 0 0; color: var(--muted); font-size: 11px; }.operator-summary-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; }.operator-card { width: 100%; padding: 15px; color: var(--ink); border: 1px solid var(--line); border-radius: 13px; background: white; text-align: left; transition: .16s ease; }.operator-card:hover { border-color: #b8ccf5; box-shadow: 0 5px 16px rgba(36,107,254,.07); transform: translateY(-1px); }.operator-card.is-active { border-color: #84adff; background: #f8fbff; box-shadow: 0 0 0 3px #edf3ff; }.operator-card-top { display: grid; grid-template-columns: 32px 1fr auto; align-items: center; gap: 9px; }.operator-card-top .person-avatar { width: 32px; height: 32px; }.operator-card-top strong,.operator-card-top small { display: block; }.operator-card-top strong { font-size: 12px; }.operator-card-top small { margin-top: 3px; color: #98a2b3; font-size: 9px; }.operator-card-top > b { color: var(--brand); font-size: 22px; text-align: right; }.operator-card-top > b em { display: block; color: #98a2b3; font-size: 8px; font-style: normal; font-weight: 500; }.operator-state-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 6px; margin: 13px 0 8px; }.operator-state-grid span { padding: 8px; border-radius: 7px; background: #f7f8fa; }.operator-state-grid small,.operator-state-grid strong { display: block; }.operator-state-grid small { color: #98a2b3; font-size: 8px; }.operator-state-grid strong { margin-top: 3px; font-size: 13px; }.operator-levels { display: grid; grid-template-columns: repeat(4,1fr); gap: 5px; }.operator-levels span { display: flex; justify-content: space-between; padding: 5px 6px; color: #667085; border-radius: 6px; background: #fbfcfd; font-size: 9px; }.operator-levels b { color: #344054; }.operator-card footer { overflow: hidden; margin-top: 10px; color: #98a2b3; font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }.lead-table-heading { margin-bottom: 10px; }.source-content-title { display: block; max-width: 270px; line-height: 1.4; }.lead-owner-cell { display: flex; align-items: center; gap: 8px; }.lead-owner-cell .person-avatar { width: 26px; height: 26px; }.lead-owner-cell strong { white-space: nowrap; font-size: 11px; }
.modal.modal-wide { width: min(880px,calc(100vw - 40px)); }.sales-modal-totals { display: flex; gap: 8px; margin-bottom: 12px; }.sales-modal-totals span { padding: 8px 10px; color: #475467; border-radius: 8px; background: #f2f4f7; font-size: 10px; }.sales-modal-totals strong { color: var(--brand); font-size: 13px; }.sales-summary-modal-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
.platform-filter { display: flex; gap: 4px; padding: 3px; border: 1px solid #d0d5dd; border-radius: 9px; background: white; }.platform-filter button { padding: 6px 9px; color: #667085; border: 0; border-radius: 6px; background: transparent; font-size: 11px; font-weight: 650; }.platform-filter button.is-active { color: #344054; background: #f2f4f7; }.platform-filter .platform-filter-douyin { color: #101828; font-weight: 800; }.platform-filter .platform-filter-douyin.is-active { color: white; background: linear-gradient(100deg,#101828,#344054); box-shadow: inset 3px 0 #25f4ee,inset -3px 0 #fe2c55; }.platform-filter .platform-filter-xhs { color: #d92d20; font-weight: 800; }.platform-filter .platform-filter-xhs.is-active { color: white; background: #e62e2e; }.platform-badge { display: inline-flex !important; align-items: center; width: auto !important; padding: 3px 6px; border-radius: 5px; font-size: 9px; font-weight: 800; white-space: nowrap; }.platform-douyin { color: white; background: linear-gradient(100deg,#101828,#344054); box-shadow: inset 2px 0 #25f4ee,inset -2px 0 #fe2c55; }.platform-xiaohongshu { color: white; background: #e62e2e; }.platform-manual { color: #475467; background: #eaecf0; }.message-title-line { display: flex !important; align-items: center; gap: 6px; }.message-title-line > span:last-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.detail-top p { display: flex; align-items: center; gap: 7px; }.detail-platform-copy { color: var(--muted); font-size: 12px; }
.ai-suggestion { margin-top: 17px; padding: 15px; border: 1px solid #c7d7fe; border-radius: 12px; background: linear-gradient(135deg,#f7f9ff,#f9f7ff); }.ai-suggestion-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }.ai-suggestion-head span,.ai-suggestion-head strong { display: block; }.ai-suggestion-head span { color: var(--brand); font-size: 10px; font-weight: 800; letter-spacing: .06em; }.ai-suggestion-head strong { margin-top: 3px; color: #667085; font-size: 9px; font-weight: 550; }.ai-suggestion-head > b { padding: 4px 7px; color: #b54708; border-radius: 6px; background: #fff5e8; font-size: 9px; }.ai-suggestion > p { margin: 13px 0; color: #1d2939; font-size: 13px; line-height: 1.65; }.ai-suggestion-foot { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-top: 10px; border-top: 1px solid #e0e7f7; }.ai-suggestion-foot > span { color: #667085; font-size: 9px; line-height: 1.45; }.ai-suggestion-foot .button { flex: 0 0 auto; }.reply-boundary { margin: -2px 0 0; color: #98a2b3; font-size: 9px; }
.lead-table-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 18px; }.lead-search { display: flex; align-items: center; gap: 7px; }.lead-search input { width: 270px; padding: 9px 10px; color: #344054; border: 1px solid #d0d5dd; border-radius: 8px; outline: none; font-size: 12px; }.lead-search input:focus { border-color: #84adff; box-shadow: 0 0 0 3px #edf3ff; }.contact-line { white-space: nowrap; }.contact-state { display: inline-block !important; margin: 0 3px; padding: 2px 5px; border-radius: 4px; font-size: 8px; font-weight: 700; }.contact-state.has-contact { color: #137a4c; background: #eaf8f0; }.contact-state.missing-contact { color: #b54708; background: #fff5e8; }.contact-proof { margin-bottom: 13px; padding: 11px 12px; color: #344054; border: 1px solid #fbd5b5; border-radius: 9px; background: #fffaf3; }.contact-proof strong { font-size: 11px; }.contact-proof p { margin: 4px 0 0; color: #667085; font-size: 10px; line-height: 1.5; }.status-无效 { color: var(--danger); background: var(--danger-soft); }

.production-kpis { display: grid; grid-template-columns: repeat(5,1fr); margin-bottom: 14px; overflow: hidden; border: 1px solid var(--line); border-radius: 13px; background: white; }
.production-kpis > div { padding: 14px 16px; border-right: 1px solid #eef1f4; }.production-kpis > div:last-child { border-right: 0; }
.production-kpis span,.production-kpis strong { display: block; }.production-kpis span { color: var(--muted); font-size: 10px; }.production-kpis strong { margin-top: 6px; font-size: 23px; letter-spacing: -.04em; }
.production-kpis > div:nth-child(2) strong { color: var(--amber); }.production-kpis > div:nth-child(3) strong,.production-kpis > div:nth-child(5) strong { color: var(--success); }.production-kpis > div:nth-child(4) strong { color: var(--brand); }
.production-tabs { display: flex; gap: 5px; margin-bottom: 16px; padding: 4px; border: 1px solid var(--line); border-radius: 11px; background: white; }
.production-tabs button { display: flex; align-items: center; gap: 7px; padding: 8px 12px; color: #667085; border: 0; border-radius: 8px; background: transparent; font-size: 11px; font-weight: 700; }
.production-tabs button b { min-width: 20px; padding: 2px 5px; color: #667085; border-radius: 999px; background: #f2f4f7; font-size: 9px; }
.production-tabs button.is-active { color: #175cd3; background: #eff4ff; }.production-tabs button.is-active b { color: white; background: var(--brand); }
.draft-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 13px; }
.draft-card { display: flex; min-height: 245px; flex-direction: column; padding: 16px; border: 1px solid var(--line); border-radius: 13px; background: white; }
.draft-card-head { display: flex; align-items: center; justify-content: space-between; }.draft-card-head > div { display: flex; align-items: center; gap: 6px; }
.content-form { display: inline-block; padding: 3px 6px; color: #475467; border-radius: 5px; background: #f2f4f7; font-size: 9px; font-weight: 700; }
.draft-card h3 { margin: 15px 0 8px; font-size: 14px; line-height: 1.45; }.draft-card > p { display: -webkit-box; overflow: hidden; margin: 0; color: #667085; font-size: 11px; line-height: 1.55; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.draft-meta { display: flex; flex-wrap: wrap; gap: 5px 10px; margin-top: auto; padding: 14px 0 10px; color: #98a2b3; border-bottom: 1px solid #eef1f4; font-size: 9px; }
.draft-card-actions,.row-actions { display: flex; align-items: center; gap: 7px; }.draft-card-actions { min-height: 33px; padding-top: 11px; }
.matrix-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }.matrix-card { padding: 17px; border: 1px solid var(--line); border-radius: 13px; background: white; }
.matrix-card header { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }.matrix-card header span:first-child { color: var(--brand); font-size: 9px; font-weight: 800; letter-spacing: .08em; }.matrix-card h3 { margin: 5px 0 0; font-size: 15px; }.matrix-card > p { margin: 11px 0; color: #667085; font-size: 11px; line-height: 1.5; }
.matrix-facts { display: flex; gap: 6px; margin-bottom: 12px; }.matrix-facts span { padding: 4px 7px; color: #475467; border-radius: 6px; background: #f2f4f7; font-size: 9px; }
.matrix-children { display: grid; gap: 7px; }.matrix-children > div { display: grid; grid-template-columns: auto auto 1fr auto; align-items: center; gap: 7px; padding: 9px; border: 1px solid #eef1f4; border-radius: 8px; }.matrix-children strong { overflow: hidden; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.matrix-target-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }.matrix-target-option { display: block; cursor: pointer; }.matrix-target-option input { position: absolute; opacity: 0; pointer-events: none; }.matrix-target-option > span { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 8px; padding: 10px; border: 1px solid #d0d5dd; border-radius: 9px; background: white; }.matrix-target-option input:checked + span { border-color: #84adff; background: #eff4ff; box-shadow: inset 0 0 0 1px #84adff; }.matrix-target-option strong { overflow: hidden; color: #344054; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }.matrix-target-option small { color: #667085; font-size: 9px; }.asset-choice-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }.asset-choice-grid > label { display: flex; align-items: flex-start; gap: 8px; padding: 9px; border: 1px solid #e4e7ec; border-radius: 8px; background: #fcfcfd; }.asset-choice-grid input { width: auto; margin-top: 2px; }.asset-choice-grid span,.asset-choice-grid strong,.asset-choice-grid small { display: block; }.asset-choice-grid strong { font-size: 10px; }.asset-choice-grid small { margin-top: 3px; color: #667085; font-size: 9px; }
.asset-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 13px; }.asset-card { overflow: hidden; border: 1px solid var(--line); border-radius: 13px; background: white; }.asset-card.is-restricted { border-color: #fbd5b5; }
.asset-preview { display: grid; min-height: 112px; place-items: center; align-content: center; gap: 8px; color: #175cd3; background: linear-gradient(135deg,#edf4ff,#f7f5ff); }.asset-preview > span { font-size: 28px; }.asset-preview small { color: #667085; font-size: 9px; }
.asset-body { padding: 14px; }.asset-body > div { display: flex; align-items: center; gap: 6px; }.asset-body h3 { margin: 10px 0 6px; font-size: 13px; }.asset-body p { margin: 0; color: #667085; font-size: 10px; }.asset-body footer { display: flex; justify-content: space-between; margin-top: 13px; padding-top: 10px; color: #98a2b3; border-top: 1px solid #eef1f4; font-size: 9px; }
.asset-body .asset-actions { display: flex; gap: 7px; margin-top: 12px; }.asset-media-preview { display: block; width: 100%; max-height: 65vh; object-fit: contain; border-radius: 10px; background: #101828; }.check-line { display: flex !important; align-items: center; gap: 8px; }.check-line input { width: auto; }
.production-boundary { display: flex; gap: 10px; margin-top: 16px; padding: 12px 14px; color: #344054; border: 1px dashed #b8c7e5; border-radius: 10px; background: #f8fbff; font-size: 10px; }.production-boundary span { color: #667085; }
.public-link { color: #175cd3; text-decoration: none; }.public-link:hover { text-decoration: underline; }.intelligence-kpis { display: grid; grid-template-columns: repeat(3,1fr); margin-bottom: 14px; overflow: hidden; border: 1px solid var(--line); border-radius: 13px; background: white; }.intelligence-kpis > div { padding: 15px 17px; border-right: 1px solid #eef1f4; }.intelligence-kpis > div:last-child { border-right: 0; }.intelligence-kpis span,.intelligence-kpis strong { display: block; }.intelligence-kpis span { color: var(--muted); font-size: 10px; }.intelligence-kpis strong { margin-top: 5px; color: var(--brand); font-size: 23px; }.insight-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 13px; margin-bottom: 14px; }.insight-card { padding: 16px; border: 1px solid var(--line); border-radius: 12px; background: white; }.insight-card header { display: flex; align-items: center; justify-content: space-between; }.insight-card header strong { font-size: 12px; }.insight-metrics { display: grid; grid-template-columns: repeat(3,1fr); gap: 7px; margin: 13px 0; }.insight-metrics span { padding: 8px; color: #667085; border-radius: 7px; background: #f8fafc; font-size: 9px; }.insight-metrics b { display: block; margin-top: 4px; color: #344054; font-size: 12px; }.insight-card p { margin: 6px 0 0; color: #667085; font-size: 10px; line-height: 1.5; }.analysis-columns { display: grid; grid-template-columns: 1.35fr 1fr; gap: 14px; margin-bottom: 14px; }.finding-list { display: grid; gap: 8px; }.finding-list article { padding: 11px; border: 1px solid #e4e7ec; border-radius: 8px; }.finding-list strong,.finding-list span { display: block; }.finding-list strong { color: #344054; font-size: 11px; line-height: 1.5; }.finding-list span { margin-top: 5px; color: #98a2b3; font-size: 9px; }.boundary-list { display: grid; gap: 7px; margin: 0; padding-left: 17px; color: #667085; font-size: 10px; line-height: 1.5; }.evidence-panel { margin-bottom: 14px; }.evidence-list { display: grid; gap: 7px; }.evidence-list a { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 9px; padding: 9px; color: inherit; border: 1px solid #eef1f4; border-radius: 8px; text-decoration: none; }.evidence-list a:hover { border-color: #b2ccff; background: #f8fbff; }.evidence-list strong { font-size: 10px; }.evidence-list small { color: #667085; font-size: 9px; }.city-filter { display: flex; align-items: flex-end; gap: 9px; margin-bottom: 14px; padding: 13px; border: 1px solid var(--line); border-radius: 11px; background: white; }.city-filter .field { min-width: 260px; }.city-status { display: grid; grid-template-columns: repeat(3,1fr) 2fr; gap: 10px; align-items: center; margin-bottom: 14px; padding: 14px; border: 1px solid #fedf89; border-radius: 11px; background: #fffaeb; }.city-status.is-ready { border-color: #abefc6; background: #ecfdf3; }.city-status span,.city-status strong { display: block; }.city-status span { color: #667085; font-size: 9px; }.city-status strong { margin-top: 4px; font-size: 12px; }.city-status p { margin: 0; color: #667085; font-size: 10px; line-height: 1.5; }
.city-ai-actions { justify-content: flex-start; margin: -2px 0 14px; }.city-ai-actions span { color: #667085; font-size: 10px; }.ai-city-analysis { margin-bottom: 14px; border-color: #b2ccff; background: #f8fbff; }.ai-city-summary { margin: 0 0 14px; color: #344054; font-size: 12px; line-height: 1.7; }
.template-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; margin-bottom: 14px; }.template-card { padding: 15px; border: 1px solid var(--line); border-radius: 12px; background: white; }.template-card header { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; }.template-card header span { color: var(--brand); font-size: 9px; font-weight: 800; letter-spacing: .08em; }.template-card h3 { margin: 5px 0 0; font-size: 13px; }.template-card header b { padding: 4px 6px; color: #475467; border-radius: 6px; background: #f2f4f7; font-size: 9px; }.template-card p { min-height: 44px; margin: 12px 0; color: #667085; font-size: 9px; line-height: 1.55; }.template-card-actions { display: flex; gap: 6px; }.data-tool-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: 14px; }.inline-form-actions { margin-top: 12px; }.import-result { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 12px; padding: 11px; border: 1px solid #abefc6; border-radius: 9px; background: #ecfdf3; }.import-result.is-error { border-color: #fecdca; background: #fef3f2; }.import-result strong,.import-result span { display: block; }.import-result strong { color: #344054; font-size: 11px; }.import-result span { margin-top: 3px; color: #667085; font-size: 9px; }.import-preview-rows { display: grid; gap: 7px; }.import-preview-rows article { padding: 9px; border: 1px solid #eef1f4; border-radius: 8px; }.import-preview-rows strong,.import-preview-rows span { display: block; }.import-preview-rows strong { font-size: 10px; }.import-preview-rows span { margin-top: 4px; color: #667085; font-size: 9px; line-height: 1.45; }
.manual-package { display: grid; gap: 10px; }.manual-package > div { padding: 12px; border: 1px solid #e4e7ec; border-radius: 9px; background: #fcfcfd; }.manual-package span { display: block; margin-bottom: 6px; color: #98a2b3; font-size: 9px; }.manual-package strong,.manual-package p { margin: 0; font-size: 12px; }.manual-package pre { margin: 0; overflow: auto; color: #344054; font: 12px/1.65 inherit; white-space: pre-wrap; }.manual-package footer { padding: 10px 12px; color: #175cd3; border-radius: 8px; background: #eff8ff; font-size: 10px; }
.permission-columns { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }.permission-column-head { min-height: 54px; margin-bottom: 8px; padding: 10px; border-radius: 8px; background: #f7f8fa; }.permission-column-head strong,.permission-column-head span { display: block; }.permission-column-head strong { font-size: 12px; }.permission-column-head span { margin-top: 4px; color: #667085; font-size: 9px; line-height: 1.4; }.operator-chips-content span { color: #6941c6; background: #f4f3ff; }
.clickable-row { cursor: pointer; transition: background .15s ease; }.clickable-row:hover { background: #f8fbff; }
.status-草稿,.status-审核退回,.status-待手工发布,.status-待能力验证 { color: #b54708; background: #fff5e8; }.status-待审核,.status-待直接发布 { color: #175cd3; background: #eff8ff; }.status-审核通过,.status-已发布 { color: #137a4c; background: #eaf8f0; }.status-pending_verification { color: #b54708; background: #fff5e8; }

.login-screen { min-height: 100vh; display: grid; place-items: center; padding: 42px; background: radial-gradient(circle at 18% 15%,rgba(74,124,255,.2),transparent 34%),radial-gradient(circle at 84% 82%,rgba(105,56,239,.16),transparent 32%),#0c1526; }
.login-panel { width: 440px; overflow: hidden; border: 1px solid rgba(255,255,255,.12); border-radius: 22px; background: #fff; box-shadow: 0 30px 90px rgba(0,0,0,.36); }
.login-brand { display: flex; align-items: center; gap: 12px; padding: 22px 26px; color: #fff; background: #101828; }
.login-brand > span { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 11px; background: linear-gradient(135deg,#4b8bff,#1f56dc); font-weight: 800; }
.login-brand strong,.login-brand small { display: block; }.login-brand strong { font-size: 15px; }.login-brand small { margin-top: 4px; color: #98a2b3; font-size: 10px; }
.login-copy { padding: 30px 30px 12px; }.login-copy p { margin: 0 0 5px; color: var(--brand); font-size: 9px; font-weight: 800; letter-spacing: .14em; }.login-copy h1 { font-size: 25px; }.login-copy > span { display: block; margin-top: 10px; color: #667085; font-size: 11px; line-height: 1.55; }
.login-form { display: grid; gap: 13px; padding: 16px 30px 30px; }.login-form label { display: grid; gap: 6px; }.login-form label span { color: #344054; font-size: 11px; font-weight: 700; }.login-form input { width: 100%; padding: 11px 12px; color: #1d2939; border: 1px solid #d0d5dd; border-radius: 9px; outline: none; }.login-form input:focus { border-color: #84adff; box-shadow: 0 0 0 3px #edf3ff; }.login-form .button { min-height: 42px; margin-top: 2px; }.login-error { min-height: 18px; margin: -2px 0 0; color: #b42318; font-size: 10px; line-height: 1.45; }
.login-panel > footer { padding: 12px 26px; color: #98a2b3; border-top: 1px solid #eaecf0; background: #fcfcfd; text-align: center; font-size: 9px; }
.login-account-state { display: block; margin-top: 4px; color: #667085; font-size: 9px; }.login-account-state.is-ready { color: #137a4c; }.password-warning { margin-bottom: 14px; padding: 11px 12px; color: #7a2e0e; border: 1px solid #fedf89; border-radius: 9px; background: #fffaeb; font-size: 10px; line-height: 1.5; }

.verification-section { margin-top: 22px; }.section-heading.compact { margin-bottom: 12px; }.section-heading.compact h2 { font-size: 16px; }
.verification-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
.verification-card { overflow: hidden; border: 1px solid var(--line); border-radius: 13px; background: white; }.verification-card > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; padding: 16px; border-bottom: 1px solid #eef1f4; }.verification-card > header > div > span { display: block; margin-bottom: 8px; }.verification-card h3 { margin: 0; font-size: 13px; line-height: 1.45; }.verification-card > p { margin: 0; padding: 12px 16px; color: #667085; border-bottom: 1px solid #eef1f4; background: #fcfcfd; font-size: 10px; line-height: 1.55; }
.verification-capabilities { display: grid; }.verification-capability { display: grid; grid-template-columns: minmax(0,1fr) 150px; gap: 14px; align-items: center; padding: 12px 16px; border-bottom: 1px solid #f2f4f7; }.verification-capability:last-child { border-bottom: 0; }.verification-capability strong,.verification-capability code,.verification-capability small { display: block; }.verification-capability strong { color: #344054; font-size: 10px; }.verification-capability code { margin: 3px 0; color: #175cd3; font-size: 8px; }.verification-capability small { color: #98a2b3; font-size: 8px; line-height: 1.45; }
.verification-result { display: grid; justify-items: end; gap: 5px; text-align: right; }.verification-result .button { padding: 5px 7px; font-size: 9px; }.verification-state { display: inline-flex; padding: 4px 7px; border-radius: 999px; color: #475467; background: #f2f4f7; font-size: 9px; font-weight: 750; white-space: nowrap; }.verification-passed { color: #137a4c; background: #eaf8f0; }.verification-failed,.verification-not_available { color: #b42318; background: #fef3f2; }.verification-needs_authorization,.verification-pending { color: #b54708; background: #fff5e8; }.verification-manual_only { color: #175cd3; background: #eff8ff; }
.verification-card > footer { display: flex; flex-wrap: wrap; gap: 6px 12px; padding: 11px 16px; border-top: 1px solid #eef1f4; background: #fcfcfd; }.verification-card > footer a { color: #175cd3; font-size: 9px; text-decoration: none; }.verification-card > footer a:hover { text-decoration: underline; }.verification-history { margin-top: 14px; }.verification-history td > strong { display: block; }.verification-history .sub { display: block; margin-top: 4px; color: #98a2b3; font-size: 8px; line-height: 1.4; }.verification-warning { border-color: #fecdca; background: #fff8f7; }

@media (max-width: 1180px) { body { min-width: 1000px; }.kpi-grid { grid-template-columns: repeat(2,1fr); }.dashboard-grid,.content-summary,.review-detail-grid,.analysis-columns,.data-tool-grid { grid-template-columns: 1fr; }.review-kpi-grid { grid-template-columns: repeat(3,1fr); }.connector-grid,.verification-grid { grid-template-columns: 1fr; }.team-grid { grid-template-columns: repeat(2,1fr); }.sales-summary-grid { grid-template-columns: repeat(2,1fr); }.operator-summary-grid { grid-template-columns: repeat(2,1fr); }.draft-grid,.asset-grid,.insight-grid,.template-grid { grid-template-columns: repeat(2,1fr); }.matrix-grid { grid-template-columns: 1fr; } }