:root { color-scheme:light; --night:#20322c; --ink:#2e3d38; --muted:#71807a; --line:#dfe6e2; --paper:#f7f8f5; --surface:#fff; --jade:#2f7158; --jade-soft:#e7f1ed; --watch:#c4932d; --danger:#b94d3e; font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif; }
* { box-sizing:border-box; }
[hidden] { display:none!important; }
.visually-hidden { position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important; }
body { margin:0;color:var(--ink);background:var(--paper);font-size:14px; }
button,input { font:inherit; }
button { cursor:pointer; }
a { color:var(--jade); }
:where(a,button,input):focus-visible { outline:2px solid #aebec5;outline-offset:2px; }
:where(button,input):disabled { opacity:.52;box-shadow:none; }

.auth-shell { min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 15% 10%,#e9efe9,transparent 34%),var(--paper); }
.auth-card { width:min(420px,100%);padding:36px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.96);box-shadow:0 18px 56px rgba(47,62,55,.07); }
.brand-mark { width:42px;height:42px;display:grid;place-items:center;margin-bottom:28px;border-radius:10px;background:var(--night);color:#fff;font-weight:750; }
.eyebrow { margin:0 0 8px;color:var(--jade);font-size:11px;font-weight:750;letter-spacing:.1em; }
h1,h2,h3 { color:var(--night); }
h1 { margin:0;font-size:32px;line-height:1.18;letter-spacing:-.035em; }
.auth-note { margin:12px 0 26px;color:var(--muted);line-height:1.65; }
form,label { display:grid;gap:7px; }
form { gap:16px; }
label { color:#56645f;font-size:12px;font-weight:650; }
input { width:100%;min-height:40px;padding:9px 12px;border:1px solid #d4ddd8;border-radius:9px;background:#fff;color:var(--ink);outline:none; }
form>button { min-height:40px;border:0;border-radius:9px;background:var(--night);color:#fff;font-weight:700; }
.form-feedback { min-height:18px;margin:0;color:var(--danger);font-size:12px; }

.app-shell { min-height:100vh; }
.app-bar { position:sticky;top:0;z-index:10;height:64px;padding:0 max(24px,calc((100vw - 1184px)/2));border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;background:rgba(247,248,245,.94);backdrop-filter:blur(16px); }
.app-brand { min-width:0;display:flex;align-items:center;gap:10px; }
.app-brand>span { width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:var(--night);color:#fff;font-weight:750; }
.app-brand strong,.app-brand small,.member-box strong,.member-box small { display:block; }
.app-brand strong { color:var(--night);font-size:13px; }
.app-brand small,.member-box small { color:var(--muted);font-size:10px; }
.member-box { display:grid;grid-template-columns:32px auto auto;align-items:center;gap:8px; }
.member-box>span { width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#e1e8e4;color:#40534c;font-weight:700; }
.member-box strong { max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px; }
.member-box button { min-height:34px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:#fff;color:#596862;font-size:11px; }

.brand-layout { min-height:calc(100vh - 64px);display:grid;grid-template-columns:224px minmax(0,1fr); }
.brand-sidebar { position:sticky;top:64px;height:calc(100vh - 64px);padding:28px 14px 18px;border-right:1px solid var(--line);display:flex;flex-direction:column;background:#f2f5f2; }
.sidebar-heading { padding:0 10px 20px; }
.sidebar-heading small,.sidebar-heading strong { display:block; }
.sidebar-heading small { margin-bottom:6px;color:var(--muted);font-size:9px;font-weight:750;letter-spacing:.1em; }
.sidebar-heading strong { color:var(--night);font-size:15px; }
.brand-sidebar nav { display:grid;gap:4px; }
.brand-sidebar nav a { min-height:40px;padding:0 10px;border-radius:8px;display:grid;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:8px;color:#52635d;text-decoration:none;font-size:12px; }
.brand-sidebar nav a:hover { background:#e9eeeb;color:var(--night); }
.brand-sidebar nav a.is-active { background:#dfe9e4;color:var(--night);font-weight:700; }
.nav-icon { width:20px;color:#71817b;text-align:center;font-size:14px; }
.brand-sidebar nav em { min-width:25px;height:21px;padding:0 6px;border-radius:999px;display:grid;place-items:center;background:#e7ece9;color:#6c7b75;font-size:9px;font-style:normal;font-weight:650; }
.brand-sidebar nav a.is-active em { background:#fff;color:var(--jade); }
.sidebar-note { margin:auto 8px 0;padding-top:16px;border-top:1px solid var(--line);color:var(--muted);font-size:10px;line-height:1.65; }

.workspace { width:min(1120px,calc(100% - 56px));margin:0 auto;padding:42px 0 72px; }
.page-heading { display:flex;align-items:flex-start;justify-content:space-between;gap:24px; }
.page-heading h1 { font-size:32px; }
.page-heading p:last-child { max-width:720px;margin:10px 0 0;color:var(--muted);font-size:13px;line-height:1.7; }
.pilot-badge { flex:0 0 auto;padding:7px 10px;border-radius:999px;color:#49615a;background:var(--jade-soft);font-size:10px;font-weight:700; }

.brand-segment-tabs { margin-top:28px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px; }
.brand-segment-tabs button { min-height:76px;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.72);color:var(--ink);text-align:left; }
.brand-segment-tabs button:hover { border-color:#b8cbc3; }
.brand-segment-tabs button.is-active { border-color:#8eb3a4;background:var(--surface);box-shadow:inset 3px 0 0 var(--jade); }
.brand-segment-tabs span { display:flex;align-items:center;justify-content:space-between;gap:12px; }
.brand-segment-tabs b { font-size:13px; }
.brand-segment-tabs em { min-width:26px;height:24px;padding:0 7px;border-radius:999px;display:grid;place-items:center;background:#edf2ef;color:#4e625a;font-size:10px;font-style:normal; }
.brand-segment-tabs small { display:block;margin-top:7px;color:var(--muted);font-size:10px; }

.brand-metrics { margin:28px 0 0;border:1px solid var(--line);border-radius:12px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:hidden;background:var(--surface); }
.brand-metrics>div { min-height:82px;padding:16px 18px;border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between; }
.brand-metrics>div:last-child { border-right:0; }
.brand-metrics span { color:var(--muted);font-size:10px; }
.brand-metrics strong { color:var(--night);font-size:24px;font-variant-numeric:tabular-nums; }

.owned-account-panel { margin-top:28px;display:grid;grid-template-columns:260px minmax(0,1fr);border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff; }
.owned-account-tabs { padding:10px;border-right:1px solid var(--line);display:grid;gap:6px;background:#f1f5f2; }
.owned-account-tabs button { min-height:68px;padding:12px 13px;border:1px solid transparent;border-radius:10px;display:grid;align-content:center;gap:5px;background:transparent;color:#5f6f69;text-align:left; }
.owned-account-tabs button:hover { background:#e8efeb; }
.owned-account-tabs button.is-active { border-color:#b8d0c6;background:#fff;box-shadow:inset 3px 0 0 var(--jade);color:var(--night); }
.owned-account-tabs small { color:var(--jade);font-size:9px;font-weight:750;letter-spacing:.08em; }
.owned-account-tabs strong { font-size:12px; }
.profile-overview { min-width:0;padding:18px 20px;display:grid;gap:18px; }
.profile-identity { display:flex;align-items:center;gap:11px; }
.profile-identity>span { flex:0 0 auto;padding:6px 8px;border-radius:999px;background:var(--jade);color:#fff;font-size:9px;font-weight:750; }
.profile-identity>div { min-width:0; }
.profile-identity strong,.profile-identity small { display:block; }
.profile-identity strong { color:var(--night);font-size:14px; }
.profile-identity small { margin-top:4px;color:var(--muted);font-size:9px; }
.profile-identity a { margin-left:auto;font-size:10px;font-weight:750;text-decoration:none;white-space:nowrap; }
.profile-metrics { display:grid;grid-template-columns:repeat(3,minmax(0,1fr)); }
.profile-metrics>div { min-height:64px;padding:0 18px;border-left:1px solid var(--line);display:grid;align-content:center;gap:3px; }
.profile-metrics>div:first-child { padding-left:0;border-left:0; }
.profile-metrics span { color:var(--muted);font-size:9px; }
.profile-metrics strong { color:var(--night);font-size:22px;font-variant-numeric:tabular-nums; }
.profile-metrics small { color:var(--jade);font-size:9px;font-variant-numeric:tabular-nums; }

.attention-panel { margin-top:28px;padding:20px;border:1px solid #ead9a5;border-radius:12px;background:#fffefa; }
.section-heading { display:flex;align-items:flex-end;justify-content:space-between;gap:20px; }
.section-heading h2 { margin:0;font-size:19px;letter-spacing:-.02em; }
.compact-tabs { display:flex;flex-wrap:wrap;gap:6px; }
.compact-tabs button { min-height:34px;padding:0 10px;border:1px solid #e1dbc8;border-radius:9px;background:#fff;color:#6c6b61;font-size:10px; }
.compact-tabs button.is-active { border-color:var(--watch);background:#fff2c9;color:#795913;font-weight:700; }
.compact-tabs span { margin-left:4px;font-variant-numeric:tabular-nums; }
.action-feedback { min-height:18px;margin:10px 0 0;color:#6e756f;font-size:11px; }
.attention-list { display:grid;gap:10px; }

.comment-card { padding:16px;border:1px solid var(--line);border-radius:10px;background:#fff; }
.comment-card.is-compact { padding:14px;background:#fbfdfc; }
.comment-card header { display:flex;align-items:flex-start;justify-content:space-between;gap:16px; }
.comment-card h3 { margin:0 0 5px;font-size:13px;line-height:1.5; }
.meta { color:var(--muted);font-size:10px; }
.risk { flex:0 0 auto;padding:4px 8px;border-radius:999px;background:#ffe7e2;color:#a44235;font-size:9px;font-weight:700; }
.risk.yellow { background:#fff0be;color:#835f17; }
.comment-text { margin:12px 0 7px;color:#344943;font-size:12px;line-height:1.7;overflow-wrap:anywhere; }
.history { margin:10px 0 0;padding:9px 0 0 18px;border-top:1px solid var(--line);color:var(--muted);font-size:9px;line-height:1.8; }
.card-actions { margin-top:12px;display:flex;align-items:center;justify-content:space-between;gap:14px; }
.card-actions a { font-size:10px;font-weight:700;text-decoration:none; }
.review-toggle { min-height:34px;display:inline-flex;align-items:center;gap:7px;color:#725b1a;font-size:10px;cursor:pointer; }
.review-toggle input { width:16px;min-height:16px;margin:0;accent-color:var(--watch); }

#content-section { margin-top:34px; }
.content-heading { align-items:center; }
.search-field { width:min(320px,42%); }
.account-filters { margin:14px 0 0;display:flex;flex-wrap:wrap;gap:7px; }
.account-filters button { min-height:34px;padding:0 10px;border:1px solid var(--line);border-radius:9px;display:flex;align-items:center;gap:8px;background:#fff;color:#53645e;font-size:10px; }
.account-filters button.is-active { border-color:var(--jade);background:var(--jade);color:#fff; }
.account-filters em { min-width:21px;height:21px;padding:0 5px;border-radius:999px;display:grid;place-items:center;background:#e7efeb;color:#41584f;font-style:normal;font-size:9px; }
.account-filters button.is-active em { background:#fff;color:var(--jade); }
.result-note { margin:14px 0 10px;color:var(--muted);font-size:10px; }
.content-list.is-external { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px; }
.brand-card { min-width:0;min-height:430px;padding:28px;border:1px solid var(--line);border-radius:14px;display:flex;flex-direction:column;background:var(--surface); }
.brand-card.risk-safe { border-color:#c7dfd5; }
.brand-card.risk-watch { border-color:#ead9a5;background:#fffefa; }
.brand-card.risk-critical { border-color:#efc7c0;background:#fffaf8; }
.card-topline { display:flex;align-items:center;justify-content:space-between;gap:12px; }
.card-topline>div { display:flex;align-items:center;gap:6px; }
.card-topline span,.card-topline b { padding:5px 7px;border-radius:999px;font-size:9px; }
.card-topline span { color:#fff;background:var(--jade); }
.brand-card.risk-watch .card-topline span { background:#c99525; }
.brand-card.risk-critical .card-topline span { background:#d85d49; }
.card-topline b { color:var(--muted);background:#edf3f0;font-weight:600; }
.card-topline time { color:var(--muted);font-size:9px; }
.brand-card h3 { margin:24px 0 8px;font-size:20px;line-height:1.42;letter-spacing:-.02em; }
.brand-author { margin:0;color:var(--muted);font-size:10px; }
.brand-summary { margin:22px 0;color:#344943;font-size:13px;line-height:1.85; }
.brand-card dl { margin:0;border-top:1px solid var(--line); }
.brand-card dl>div { min-height:34px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:10px; }
.brand-card dt { color:var(--muted);font-size:9px; }
.brand-card dd { margin:0;font-size:10px;font-weight:700; }
.engagement { margin-top:18px;padding-top:16px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:7px; }
.engagement span { padding:5px 7px;border-radius:999px;background:#edf3f0;color:#49615a;font-size:9px; }
.card-footer { margin-top:auto;padding-top:16px;display:flex;align-items:flex-end;justify-content:space-between;gap:12px; }
.card-footer a { flex:0 0 auto;font-size:10px;font-weight:700;text-decoration:none; }

.table-wrap { overflow:hidden;border:1px solid var(--line);border-radius:12px;background:var(--surface); }
.official-table { width:100%;border-collapse:collapse;table-layout:fixed; }
.official-table th { padding:11px 12px;border-bottom:1px solid var(--line);background:#f4f8f6;color:var(--muted);font-size:9px;text-align:left; }
.official-table th:nth-child(1) { width:108px; }
.official-table th:nth-child(2) { width:18%; }
.official-table th:nth-child(n+4):nth-child(-n+6) { width:62px;text-align:right; }
.official-table th:nth-child(7) { width:112px; }
.official-table td { padding:13px 12px;border-bottom:1px solid var(--line);font-size:10px;line-height:1.6;vertical-align:top;overflow-wrap:anywhere; }
.official-table tbody tr:last-child td { border-bottom:0; }
.official-table time { color:var(--muted);white-space:nowrap; }
.official-table .title-cell a { color:var(--night);font-weight:700;text-decoration:none; }
.official-table .title-cell a:hover { color:var(--jade);text-decoration:underline; }
.official-table .number { color:var(--night);font-size:11px;font-weight:700;text-align:right; }
.comment-disclosure { width:100%;min-height:30px;padding:3px 7px;border:1px solid #d5e1dd;border-radius:8px;display:flex;align-items:center;justify-content:space-between;background:#fff;color:#38554c;font-size:9px; }
.comment-row>td { padding:0 14px 14px!important;background:#fbfdfc; }
.embedded-comments { padding-top:12px;border-top:1px solid var(--line);display:grid;gap:8px; }
.load-more { min-height:38px;margin:16px auto 0;padding:0 16px;border:1px solid #bdd0c8;border-radius:9px;display:block;background:#fff;color:var(--jade);font-size:11px;font-weight:700; }
.empty { padding:22px;border:1px dashed #cbd4d0;border-radius:10px;background:#fbfcfa;color:var(--muted);font-size:12px; }
.empty.is-error { border-style:solid;border-color:#e9c6c0;background:#fff8f7;color:#96453a; }

.collection-page { margin-top:28px; }
.collection-note { padding:15px 17px;border:1px solid #cbdad4;border-radius:11px;background:#f2f7f4; }
.collection-note strong { color:#35584c;font-size:11px; }
.collection-note p { margin:6px 0 0;color:#687872;font-size:10px;line-height:1.65; }
.collection-metrics { margin-top:14px;border:1px solid var(--line);border-radius:12px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:hidden;background:#fff; }
.collection-metrics>div { min-height:82px;padding:16px 18px;border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between; }
.collection-metrics>div:last-child { border-right:0; }
.collection-metrics span { color:var(--muted);font-size:10px; }
.collection-metrics strong { color:var(--night);font-size:19px;font-variant-numeric:tabular-nums; }
.collection-heading { margin:30px 0 12px;align-items:flex-end; }
.collection-heading .result-note { margin:0; }
.collection-list { border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff; }
.collection-row { min-height:68px;padding:12px 14px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:128px minmax(0,1fr) 86px 56px;align-items:center;gap:14px; }
.collection-row:last-child { border-bottom:0; }
.collection-source span,.collection-source strong,.collection-record strong,.collection-record small { display:block; }
.collection-source span { margin-bottom:4px;color:var(--jade);font-size:9px;font-weight:700; }
.collection-source strong,.collection-record strong { color:var(--night);font-size:11px;line-height:1.45;overflow-wrap:anywhere; }
.collection-record small { margin-top:4px;color:var(--muted);font-size:9px; }
.collection-status { width:fit-content;padding:5px 7px;border-radius:999px;background:#edf1ef;color:#687872;font-size:9px;font-weight:700;white-space:nowrap; }
.collection-status.is-complete { background:#e3f1ea;color:#287052; }
.collection-status.is-profile { background:#fff2ce;color:#80601d; }
.collection-row>a { font-size:9px;font-weight:700;text-decoration:none;white-space:nowrap; }

@media (max-width:900px) {
  .brand-layout { grid-template-columns:194px minmax(0,1fr); }
  .workspace { width:min(100% - 36px,1120px);padding-top:32px; }
  .content-list.is-external { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .owned-account-panel { grid-template-columns:220px minmax(0,1fr); }
  .official-table thead { display:none; }
  .official-table,.official-table tbody,.official-table tr,.official-table td { display:block;width:100%; }
  .official-table tr { padding:12px 14px;border-bottom:1px solid var(--line); }
  .official-table td { min-height:34px;padding:7px 0;border:0;display:grid;grid-template-columns:92px minmax(0,1fr);gap:12px; }
  .official-table td::before { content:attr(data-label);color:var(--muted);font-size:9px;font-weight:650; }
  .official-table .number { text-align:left; }
  .official-table .comment-row { padding:0 14px 14px; }
  .official-table .comment-row td { display:block; }
  .official-table .comment-row td::before { display:none; }
}

@media (max-width:620px) {
  .app-bar { height:auto;min-height:64px;padding:10px 18px; }
  .app-brand small,.member-box>div { display:none; }
  .member-box { grid-template-columns:30px auto; }
  .brand-layout { min-height:0;display:block; }
  .brand-sidebar { position:sticky;top:64px;z-index:9;width:100%;height:auto;padding:8px 14px;border-right:0;border-bottom:1px solid var(--line);display:block;overflow-x:auto;background:rgba(242,245,242,.96);backdrop-filter:blur(14px); }
  .sidebar-heading,.sidebar-note { display:none; }
  .brand-sidebar nav { min-width:348px;display:grid;grid-template-columns:repeat(3,1fr);gap:4px; }
  .brand-sidebar nav a { min-height:38px;padding:0 9px;grid-template-columns:18px minmax(0,1fr) auto;gap:5px;font-size:11px; }
  .brand-sidebar nav em { min-width:21px;padding:0 5px; }
  .workspace { width:calc(100% - 28px);padding:26px 0 52px; }
  .page-heading { display:block; }
  .page-heading h1 { font-size:28px; }
  .pilot-badge { display:inline-block;margin-top:12px; }
  .brand-segment-tabs { grid-template-columns:1fr; }
  .brand-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .brand-metrics>div:nth-child(2) { border-right:0; }
  .brand-metrics>div:nth-child(-n+2) { border-bottom:1px solid var(--line); }
  .section-heading,.content-heading { align-items:flex-start;flex-direction:column; }
  .compact-tabs { width:100%; }
  .compact-tabs button { flex:1; }
  .search-field { width:100%; }
  .attention-panel { padding:16px; }
  .comment-card header,.card-actions,.card-footer { align-items:flex-start;flex-direction:column; }
  .content-list.is-external { grid-template-columns:1fr; }
  .brand-card { padding:18px; }
  .owned-account-panel { display:block; }
  .owned-account-tabs { padding:8px;border-right:0;border-bottom:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr)); }
  .owned-account-tabs button { min-height:58px; }
  .profile-overview { padding:16px; }
  .profile-identity { align-items:flex-start;flex-wrap:wrap; }
  .profile-identity a { margin-left:0;width:100%; }
  .profile-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .profile-metrics>div { padding:0 12px; }
  .profile-metrics>div:nth-child(3) { min-height:54px;margin-top:12px;padding:12px 0 0;border-left:0;border-top:1px solid var(--line);grid-column:1/-1; }
  .brand-card { min-height:0; }
  .official-table td { grid-template-columns:84px minmax(0,1fr); }
  .collection-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .collection-metrics>div:nth-child(2) { border-right:0; }
  .collection-metrics>div:nth-child(-n+2) { border-bottom:1px solid var(--line); }
  .collection-row { padding:14px;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px; }
  .collection-source { grid-column:1; }
  .collection-record { grid-column:1/-1;grid-row:2; }
  .collection-status { grid-column:2;grid-row:1; }
  .collection-row>a,.collection-row>.meta { grid-column:2;grid-row:2;align-self:end;justify-self:end; }
}

@media (prefers-reduced-motion:reduce) {
  *,*::before,*::after { scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important; }
}