:root {
  --text-body:16px; --text-ui:15px; --text-small:14px; --text-caption:12px;
  --text-heading:34px; --text-card:20px; --text-metric:36px;
  --primary:#5854e8; --primary-deep:#4641cd; --primary-weak:#efefff;
  --hot:#e55b67; --hot-weak:#fff1f2; --text:#20232e; --muted:#687185;
  --border:#e9ebf1; --bg:#f7f8fb; --sidebar-width:238px;
  --shadow-sm:0 2px 4px rgba(24,32,65,.02); --shadow-md:0 8px 28px rgba(24,32,65,.06);
}
*{box-sizing:border-box}
body{margin:0;color:var(--text);background:var(--bg);font:var(--text-body)/1.65 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}
a{color:var(--primary);text-decoration:none} a:hover{color:var(--primary-deep)}
button,input,select,textarea{font:inherit} button,a,input,select,textarea{-webkit-tap-highlight-color:transparent} button{cursor:pointer}
svg{flex:none;vertical-align:middle} ::selection{background:#dedcff}
:focus-visible{outline:3px solid #a6a3fa;outline-offset:3px}
::-webkit-scrollbar{width:6px;height:6px} ::-webkit-scrollbar-thumb{background:#d8dbe5;border-radius:5px} ::-webkit-scrollbar-track{background:transparent}
[hidden]{display:none!important}
.skip-link{position:fixed;left:12px;top:-60px;z-index:150;background:#fff;padding:10px 20px;border:2px solid var(--primary);border-radius:8px}
.skip-link:focus{top:12px}

/* Workspace shell */
.app-sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar-width);background:#fff;border-right:1px solid var(--border);display:flex;flex-direction:column;padding:30px 18px 14px;z-index:50;transition:width .2s,transform .2s}
.app-brand{display:flex;gap:11px;align-items:center;color:#252633;padding:0 9px;white-space:nowrap}
.app-brand:hover{color:#252633}
.brand-mark{display:inline-flex;align-items:center;justify-content:center;gap:3px;width:35px;height:37px;border-radius:10px;background:var(--primary);box-shadow:0 3px 8px #5854e824;flex:none;overflow:hidden}
.brand-mark i{width:4px;height:15px;background:#fff;border-radius:3px;transform:skewY(-18deg)}
.brand-mark i:nth-child(2){height:24px}.brand-mark i:nth-child(3){height:19px}
.brand-text{font-size:var(--text-card);font-weight:700;line-height:1.35;letter-spacing:.4px}
.brand-text>span{display:block;margin-top:3px;font-size:var(--text-caption);font-weight:600;letter-spacing:2.1px;color:#778196}
.workspace-label{display:flex;align-items:center;gap:10px;padding:12px 10px;margin:31px 0 27px;border:1px solid var(--border);border-radius:8px;background:#fcfcfe;white-space:nowrap}
.workspace-icon{display:flex;justify-content:center;align-items:center;width:29px;height:29px;flex:none;border:1px solid #e6e5fa;border-radius:7px;background:#efeffc;color:var(--primary);font-size:var(--text-ui);font-weight:700}
.workspace-label .sidebar-label{font-size:var(--text-small);font-weight:600}
.sidebar-label small{display:block;color:#788196;font-size:var(--text-small);font-weight:400;margin-top:2px}
.sidebar-nav{flex:1;overflow-y:auto;min-height:0}
.nav-group-label{padding:0 13px;font-size:var(--text-small);color:#788196;display:flex;justify-content:space-between;gap:8px;margin-bottom:11px;letter-spacing:.5px;white-space:nowrap}
.nav-group-label span{font-size:var(--text-caption);letter-spacing:.9px;opacity:.7}
.nav-group-label.administration{margin-top:31px}
.nav-link{display:flex;align-items:center;gap:12px;padding:11px 13px;margin:3px 0;color:#515b70;border-radius:7px;min-height:43px;white-space:nowrap;font-size:var(--text-body);transition:background .15s,color .15s;position:relative}
.nav-link>svg{width:18px;height:18px}
.nav-link:hover{background:#f7f7fc;color:#343243}
.nav-link.on{background:#efeffe;color:var(--primary);font-weight:600}
.nav-active-dot{margin-left:auto;width:5px;height:5px;border-radius:50%;background:var(--primary)}
.sidebar-bottom{margin-top:20px}
.sidebar-note{display:flex;align-items:center;gap:10px;border:1px solid #ecebf7;background:#f9f9fe;border-radius:9px;padding:14px 11px;font-size:var(--text-small);color:#65637c;white-space:nowrap}
.sidebar-note small{font-size:var(--text-caption)}.note-symbol{color:#7773ce;font-size:30px;line-height:1}
.sidebar-user{margin-top:20px;padding:15px 2px 10px;border-top:1px solid var(--border);display:flex;align-items:center;gap:9px}
.user-avatar{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;flex:none;color:#5c528a;background:#eeeaf8;border:1px solid #e3def0;border-radius:50%;font-size:var(--text-ui);font-weight:600}
.user-info{font-size:var(--text-small);min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis}
.user-info small{font-size:var(--text-caption);white-space:nowrap}
.icon-button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;color:#8b8e9b;border-radius:6px;background:transparent;padding:5px;flex:none}
.icon-button:hover{background:#f0f0fa;color:var(--primary)}
.sidebar-collapse{border:0;display:flex;align-items:center;gap:10px;width:100%;padding:10px 9px 2px;color:#a0a3af;background:transparent;font-size:var(--text-small)}
.sidebar-collapse:hover{color:var(--primary)}
.app-topbar{min-height:68px;margin-left:var(--sidebar-width);background:#ffffffed;border-bottom:1px solid var(--border);padding:0 36px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:20;backdrop-filter:blur(12px);transition:margin-left .2s}
.topbar-left,.topbar-right{display:flex;align-items:center;gap:17px}
.breadcrumb{font-size:var(--text-small);color:#738095}.breadcrumb>span{color:#c5c8d1;margin:0 13px}.breadcrumb b{font-weight:500;color:#505463}
.topbar-date{color:#9195a2;font-size:var(--text-small);display:flex;align-items:center;gap:8px;font-variant-numeric:tabular-nums}
.topbar-divider{height:18px;width:1px;background:var(--border)}.topbar-avatar{width:29px;height:29px;font-size:var(--text-small)}
.mobile-menu,.sidebar-backdrop{display:none}
.wrap{margin:0 auto;padding:36px 36px 26px;max-width:1680px;min-width:0}
.app-sidebar~.wrap{margin-left:var(--sidebar-width);transition:margin-left .2s}
html[data-sidebar="collapsed"]{--sidebar-width:78px}
html[data-sidebar="collapsed"] .app-sidebar{padding-right:12px;padding-left:12px}
html[data-sidebar="collapsed"] .brand-text,html[data-sidebar="collapsed"] .sidebar-label,html[data-sidebar="collapsed"] .nav-group-label,html[data-sidebar="collapsed"] .nav-active-dot,html[data-sidebar="collapsed"] .sidebar-note{display:none}
html[data-sidebar="collapsed"] .app-brand{padding:0;justify-content:center}
html[data-sidebar="collapsed"] .workspace-label{justify-content:center;padding:10px 0;margin-top:31px}
html[data-sidebar="collapsed"] .nav-link{justify-content:center;padding:12px 0}
html[data-sidebar="collapsed"] .nav-link:nth-of-type(4){margin-top:30px}
html[data-sidebar="collapsed"] .sidebar-user{flex-direction:column}
html[data-sidebar="collapsed"] .sidebar-collapse{justify-content:center;padding:10px 0 2px}

/* Page hierarchy */
h1,h2,h3,p{margin-top:0}
h1{font-size:var(--text-heading);line-height:1.4;font-weight:650;letter-spacing:-.7px;margin-bottom:8px}
h2{font-size:var(--text-card);font-weight:600;display:flex;align-items:center;gap:9px;margin:0 0 17px;line-height:1.5}
h3{font-size:18px;font-weight:600}
.page-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:29px}
.eyebrow{font-size:var(--text-caption);letter-spacing:1.9px;font-weight:600;color:#979aaa;margin-bottom:8px;text-transform:uppercase}
.heading-dot{color:var(--primary);padding-left:3px}
.sub{color:var(--muted);font-size:var(--text-ui);margin-bottom:22px}.page-heading .sub{margin-bottom:0}
.heading-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.card{background:#fff;border:1px solid var(--border);border-radius:11px;padding:23px 24px;margin-bottom:22px;box-shadow:var(--shadow-sm);min-width:0}
.section-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;margin-bottom:22px}
.section-heading h2{margin-bottom:0}
.section-badge{color:#7772c8;background:#f2f1fc;border-radius:4px;padding:2px 7px;font-size:var(--text-caption);font-weight:500;letter-spacing:.3px}
.section-label{color:#a5a7b4;letter-spacing:1.3px;font-size:var(--text-caption)}
.dashboard-filters{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:24px}
.date-filter{display:flex;gap:10px;align-items:center;background:#fff;border:1px solid var(--border);padding:8px 11px;border-radius:7px;color:#9195a3}
.date-range{font-size:var(--text-small);white-space:nowrap;font-variant-numeric:tabular-nums;color:#747888}
.date-range>span{margin:0 8px;color:#b6b9c5}
.date-filter select{border:0;border-left:1px solid var(--border);padding:0 0 0 12px;border-radius:0;width:auto;font-size:var(--text-small);color:#535767;box-shadow:none;background-color:transparent}
.tabs{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:18px}
.tabs a{color:#9295a3;padding:8px 17px;font-size:var(--text-ui);border-radius:6px;display:inline-flex;gap:8px;align-items:center;transition:background .15s,color .15s}
.tabs a:hover{color:var(--primary);background:#efeffb}.tabs a.on{color:var(--primary);background:var(--primary-weak);font-weight:600}
.tabs.main{margin:0;gap:9px}.tabs.main a{border:1px solid transparent;padding:8px 13px;color:#8c909e}
.tabs.main a.on{color:#2f3141;background:#fff;border-color:var(--border);box-shadow:var(--shadow-sm)}
.platform-icon{width:30px;height:30px;border-radius:7px;background:#20222a;color:#fff;display:inline-flex;justify-content:center;align-items:center;line-height:1;font-size:23px;font-weight:700;flex:none;overflow:hidden}
img.platform-icon.xhs{display:block;object-fit:contain;background:transparent}
.platform-en{font-size:var(--text-caption);color:#a4a7b3;font-weight:400}
.view-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:3px 0 20px;border-bottom:1px solid #e5e7ee}
.tabs.sub{margin:0;gap:26px}.tabs.sub a{padding:10px 1px 13px;border-radius:0;position:relative;font-size:var(--text-ui);background:transparent;color:#8f93a0}
.tabs.sub a.on{color:var(--primary)}.tabs.sub a.on::after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--primary);border-radius:2px}
.tab-count{font-size:var(--text-caption);padding:1px 5px;background:#ebeaf9;border-radius:4px;letter-spacing:.3px}.view-description{font-size:var(--text-small);color:#a3a6b3}

/* Live metrics */
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:26px}
.stat{position:relative;background:#fff;border:1px solid var(--border);border-radius:10px;padding:20px 21px;display:flex;flex-direction:column;min-width:0;box-shadow:var(--shadow-sm)}
.stat .v{order:2;font-size:var(--text-metric);letter-spacing:-.8px;font-weight:650;line-height:1.4;font-variant-numeric:tabular-nums;color:#2c2d3c;overflow-wrap:anywhere}
.stat .v small{color:#acafba;font-size:var(--text-small);margin-left:7px;font-weight:400;letter-spacing:0}
.stat .k{order:1;font-size:var(--text-ui);color:#657087;margin-bottom:11px;padding-right:22px}
.stat-icon{position:absolute;right:19px;top:18px;background:#f3f2fe;color:#7c77e3;border-radius:7px;width:31px;height:31px;display:flex;align-items:center;justify-content:center}
.stat:nth-child(2) .stat-icon{background:#edf5ff;color:#6998d5}.stat:nth-child(3) .stat-icon{background:#fff0f2;color:#df8996}.stat:nth-child(4) .stat-icon{background:#ebf8f4;color:#6aa790}
.stat-caption{order:3;font-size:var(--text-small);color:#7b8498;margin-top:11px;display:flex;gap:5px;align-items:center}.metric-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#7fae9e}

/* Tables and topic cards */
.table-scroll,.twrap{overflow-x:auto;width:100%;overscroll-behavior-x:contain}
table{width:100%;border-collapse:collapse;font-size:var(--text-ui)}
th,td{text-align:left;padding:14px 12px;border-bottom:1px solid #f0f1f6;vertical-align:middle}
th{color:#687287;font-size:var(--text-small);font-weight:500;white-space:nowrap;padding-top:11px;padding-bottom:11px;background:#f8f9fc}
th:first-child{border-radius:6px 0 0 6px}th:last-child{border-radius:0 6px 6px 0}
td{color:#656a79}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}td b{color:#414555;font-weight:600}
tbody tr{transition:background .15s}tbody tr:hover{background:#fafaff}tbody tr:last-child td{border-bottom:0}
td a{color:#454958}td a:hover{color:var(--primary)}
.tcell{display:flex;align-items:center;gap:11px}.tcell>div{min-width:0}
.tcell>div>a:first-child,.tcell>div>span:first-child{display:block;line-height:1.7;margin-bottom:5px;color:#424655}
img.cover{width:41px;height:54px;object-fit:cover;border-radius:5px;border:1px solid #eeeef4;flex:none;background:#f1f2f7}
.ranking-table{min-width:1100px}.ranking-table td{padding-top:17px;padding-bottom:17px}.ranking-table td:nth-child(4){white-space:nowrap;font-size:var(--text-small)}
.rank{color:#788195;font-size:var(--text-small);font-weight:500;font-variant-numeric:tabular-nums}
.rank-1,.rank-2,.rank-3{display:inline-flex;align-items:center;justify-content:center;width:23px;height:25px;border-radius:5px;background:#f9f0e0;color:#bf9753}
.rank-2{background:#edf0f7;color:#8f9bb3}.rank-3{background:#f9ede8;color:#bf9889}
.account-cell{min-width:110px}.account-avatar{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;font-size:var(--text-small);font-weight:600;background:#f0f0f8;color:#8b88ab;margin-bottom:6px}
.account-cell>span:last-child{display:block;white-space:nowrap;font-size:var(--text-small)}
.bar-cell{width:85px;min-width:65px}.bar{min-width:3px;height:5px;border-radius:99px;background:#b4b0f2}.bar.blue{background:#8daeea}
.tag,.badge,.pill{display:inline-block;font-size:var(--text-caption);line-height:19px;border-radius:4px;padding:0 6px;background:#f2f1fb;color:#8d87bf;font-weight:400;white-space:nowrap}
.badge{background:var(--hot-weak);color:#d28791;margin-left:6px}.pill{background:var(--primary-weak);color:var(--primary);padding:2px 10px;border-radius:5px;font-size:var(--text-small)}
.chips{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}
.chip{border:1px solid var(--border);border-radius:8px;padding:16px;background:#fff;transition:border-color .15s,background .15s;min-width:0}
.chip:hover{border-color:#c6c3f1;background:#fdfdff}
.chip .t{font-size:var(--text-ui);font-weight:600;display:flex;justify-content:space-between;gap:12px;align-items:center}.chip .t .n{font-size:var(--text-small);color:#9e99cb;font-weight:400}
.chip .m{color:#717b90;font-size:var(--text-small);margin-top:9px;line-height:1.8}.chip .m a{color:#858295}.chip .ex{font-size:var(--text-small)}
.chip[data-expand]{cursor:pointer}.chip.open{grid-column:1/-1;background:#fdfdff;border-color:#c6c3f1}
.arr{display:inline-block;transition:transform .15s}.chip.open .arr{transform:rotate(180deg)}
.theme-detail{display:none;cursor:default;margin-top:12px;border-top:1px solid var(--border);padding-top:12px;overflow-x:auto}
.chip.open .theme-detail{display:block}.theme-detail table{min-width:550px}.theme-detail td,.theme-detail th{padding:9px}
.theme-detail img.cover{width:28px;height:37px}.theme-detail td:first-child{white-space:nowrap}.exp-row{text-align:right;margin-bottom:10px}

/* Actions and forms */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap;border:1px solid var(--primary);background:var(--primary);color:#fff;border-radius:6px;padding:9px 15px;font-size:var(--text-ui);line-height:1.5;font-weight:500;text-align:center;vertical-align:middle;transition:background .15s,border-color .15s,box-shadow .15s;box-shadow:0 2px 3px #5854e812}
.btn:hover{background:var(--primary-deep);border-color:var(--primary-deep);color:#fff;box-shadow:0 3px 8px #5854e824}
.btn.ghost{background:#fff;border-color:#e2e4ed;color:#7d8190;box-shadow:var(--shadow-sm)}
.btn.ghost:hover{border-color:#c7c4ef;background:#fbfaff;color:var(--primary)}
.btn.small{font-size:var(--text-small);border-radius:5px;padding:5px 10px;gap:5px}
.btn.danger{background:#fff;border-color:#f1dfe3;color:#d47788;box-shadow:none}.btn.danger:hover{border-color:#e6b6c0;background:#fff5f6}
.btn:disabled{opacity:.5;cursor:not-allowed}form.inline{display:inline}
label.f{display:block;margin:15px 0 6px;color:#666c7c;font-size:var(--text-ui)}
input[type="text"],input[type="password"],input[type="number"],select,textarea{width:100%;max-width:640px;background:#fff;border:1px solid #e2e5ee;border-radius:6px;padding:9px 12px;font-size:var(--text-ui);color:#4b5060;line-height:1.5;transition:border-color .15s,box-shadow .15s}
input::placeholder,textarea::placeholder{color:#b1b4c0}
input[type="text"]:focus,input[type="password"]:focus,input[type="number"]:focus,select:focus,textarea:focus{outline:none;border-color:#9893ee;box-shadow:0 0 0 3px #5854e810}
input[type="checkbox"],input[type="radio"]{accent-color:var(--primary)}
textarea{min-height:85px;resize:vertical}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:26px;row-gap:16px;max-width:1000px}
.form-field{min-width:0}.form-field label.f{margin-top:3px}
.form-field input,.form-field select,.form-field textarea{max-width:none}
.form-field.full,.form-field-wide,.form-field-full,.form-actions{grid-column:1/-1}
.form-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding-top:12px}
.field-hint,.form-help{color:var(--muted);font-size:var(--text-small);margin:5px 0 0}
.inline-form,.share-controls{display:flex;align-items:center;flex-wrap:wrap;gap:10px}
.inline-form input[type="text"]{max-width:420px}
.share-controls input[type="text"]{flex:1;min-width:180px;max-width:none}
.settings-form>.section-heading{margin-top:28px;padding-top:24px;border-top:1px solid var(--border)}
.settings-form>.section-heading:first-child{margin-top:0;padding-top:0;border-top:0}
.acct-head{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-bottom:18px}
.acct-head .name{font-size:18px;font-weight:600}.acct-head .m{font-size:var(--text-small);color:#707a8f}
.dtools{margin-bottom:20px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.dtools select,.dtools input[type="text"]{width:auto;min-width:160px}.dtools input[type="text"]{min-width:260px}.dtools .btn{padding:9px 15px}
.dpage{display:flex;justify-content:center;align-items:center;gap:15px;margin:25px 0}.dpage .pc{font-size:var(--text-small);color:#9599a7}
details.inline{display:inline-block;vertical-align:middle}details.inline summary{list-style:none;cursor:pointer}details.inline summary::-webkit-details-marker{display:none}
details.inline .chg{margin-top:10px;padding:12px;background:#fafaff;border:1px solid var(--border);border-radius:8px;display:flex;flex-direction:column;gap:8px;width:205px}details.inline .chg input{margin:0}

/* AI analysis, feedback, dialogs */
.ai-card{border-top-color:#dcd9f8}.ai-icon{width:30px;height:30px;border-radius:7px;background:#f1effe;color:#8b7acc;display:inline-flex;justify-content:center;align-items:center}
.llm,.llm-meta,.sug{max-width:1100px;font-size:var(--text-ui)}
.sug{padding-left:20px;margin:5px 0 0;color:#767b8b;line-height:1.95}.sug li{margin:9px 0;padding-left:4px}.sug li::marker{color:#aaa4db}
.llm-h{font-weight:600;color:#625ab0;margin:17px 0 7px}.llm-h:first-child{margin-top:0}
.llm-p,.llm-li{margin:7px 0;line-height:1.9;color:#696f80}.llm-li{padding-left:14px}
.llm-meta{color:#7c8599;font-size:var(--text-small);margin-top:17px;padding-top:12px;border-top:1px solid var(--border)}.llm-gap{height:5px}
.ttable{min-width:560px}.ttable td{border:1px solid var(--border);line-height:1.8;vertical-align:top}.ttable th{color:#78729c;background:#f5f3fc}.ttable a{color:var(--primary);white-space:nowrap}
details summary{cursor:pointer;color:#8b83b1;font-size:var(--text-small);padding:7px 0;user-select:none}details[open] summary{margin-bottom:5px}
.muted{color:var(--muted)}.ok{color:#348369}.err{color:#d77988}
.notice{padding:12px 16px;margin-bottom:20px;border:1px solid #f1e5c9;border-radius:7px;background:#fffaf0;color:#aa9670;font-size:var(--text-ui)}
.notice.ok{background:#f2faf6;border-color:#dbede3;color:#659c85}.notice.err{background:#fff4f5;border-color:#f2dee2;color:#ca7b8b}
.empty-state{text-align:center;padding:58px 24px;color:#758095;font-size:var(--text-ui)}
.empty-state h2{justify-content:center;margin:15px 0 9px;color:#555b6e}.empty-state p{font-size:var(--text-ui);margin:0 auto 23px;max-width:500px}
.empty-icon{display:inline-flex;width:60px;height:60px;border-radius:18px;align-items:center;justify-content:center;background:#f0effb;color:#aaa3df}
code{font-size:var(--text-small);background:#f2f2f8;color:#7e7a9a;border-radius:4px;padding:2px 6px;overflow-wrap:anywhere}
footer{border-top:1px solid #e8eaf1;padding-top:21px;margin-top:32px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;color:#7e8799;font-size:var(--text-caption);letter-spacing:.3px}
.footer-separator{margin:0 9px;color:#c9cbd5}
.pbar{height:6px;border-radius:99px;background:#f0effa;overflow:hidden}
.pbar>i{display:block;height:100%;width:0;border-radius:99px;background:#9a94e9;transition:width .4s ease}
.pbar.indet>i{width:35%!important;animation:indet 1.1s linear infinite;transition:none}
@keyframes indet{from{margin-left:-35%}to{margin-left:100%}}
.lmodal{display:none!important;position:fixed;inset:0;background:#20233666;backdrop-filter:blur(3px);z-index:100;align-items:center;justify-content:center}
.lmodal.show{display:flex!important}
.lmbox{background:#fff;border:1px solid var(--border);border-radius:13px;padding:27px;width:410px;max-width:92vw;max-height:90vh;overflow-y:auto;box-shadow:0 24px 100px #1a183533}
.lmbox h3{margin:0 0 8px}.lmtitle{font-size:var(--text-small);margin-bottom:18px;overflow-wrap:anywhere}
.lmlist{max-height:230px;overflow-y:auto;border:1px solid var(--border);border-radius:7px;padding:7px 12px;margin-bottom:10px}
.lmopt{display:block;cursor:pointer;font-size:var(--text-ui);padding:8px 2px}.lmopt:hover{color:var(--primary)}.lmdim{text-align:center;font-size:var(--text-ui)}.lmact{display:flex;justify-content:flex-end;gap:8px;margin-top:22px}

/* Responsive workspace */
@media(min-width:1920px){.app-sidebar~.wrap{margin-right:auto;margin-left:calc(var(--sidebar-width) + (100vw - var(--sidebar-width) - 1680px)/2)}}
@media(max-width:1250px){
 :root{--sidebar-width:218px}.wrap{padding:28px 25px}.app-topbar{padding:0 25px}
 .date-range{display:none}.date-filter select{border:0;padding-left:0}.stat{padding:18px}.stat .v{font-size:30px}.stat-icon{right:14px}.stat .k{font-size:var(--text-small)}
}
@media(max-width:1050px){.stats{gap:12px}.stat-icon{display:none}.stat .k{padding-right:0}.platform-en{display:none}}
@media(max-width:900px){
 :root,html[data-sidebar="collapsed"]{--sidebar-width:238px}
 .app-sidebar{transform:translateX(-100%);padding:25px 18px 14px!important;width:238px!important}
 .app-topbar,.app-sidebar~.wrap{margin-left:0!important}.app-topbar{min-height:61px;padding:0 20px}
 .mobile-menu{display:inline-flex}.sidebar-open .app-sidebar{transform:translateX(0)}
 .sidebar-open .sidebar-backdrop{display:block;position:fixed;inset:0;background:#20233666;border:0;z-index:40;backdrop-filter:blur(2px)}
 .sidebar-open,.sidebar-open body{overflow:hidden}
 html[data-sidebar="collapsed"] .brand-text,html[data-sidebar="collapsed"] .sidebar-label,html[data-sidebar="collapsed"] .nav-group-label,html[data-sidebar="collapsed"] .sidebar-note{display:revert}
 html[data-sidebar="collapsed"] .nav-group-label,html[data-sidebar="collapsed"] .sidebar-note{display:flex}
 html[data-sidebar="collapsed"] .app-brand{justify-content:flex-start;padding:0 9px}
 html[data-sidebar="collapsed"] .workspace-label{padding:12px 10px;justify-content:flex-start}
 html[data-sidebar="collapsed"] .nav-link{padding:11px 13px;justify-content:flex-start}
 html[data-sidebar="collapsed"] .nav-link:nth-of-type(4){margin-top:3px}
 html[data-sidebar="collapsed"] .nav-active-dot{display:block}
 html[data-sidebar="collapsed"] .sidebar-user{flex-direction:row}
 .sidebar-collapse{display:none}.wrap{padding:28px 22px 22px}.stat-icon{display:flex}
}
@media(max-width:650px){
 .wrap{padding:25px 16px 20px}.page-heading{flex-wrap:wrap;gap:17px;margin-bottom:24px}h1{font-size:30px}.heading-actions{gap:8px}
 .dashboard-filters{gap:12px;align-items:flex-start;flex-wrap:wrap}.tabs.main{gap:8px;width:100%;flex-wrap:nowrap}.tabs.main a{padding:9px 12px;gap:8px;font-size:var(--text-body)}
 .date-filter{padding:10px 12px;gap:8px}.date-filter select{font-size:var(--text-ui);max-width:130px}
 .stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-bottom:21px}.stat{padding:17px}.stat .v{font-size:32px}.stat .k{margin-bottom:9px}
 .stat-caption{font-size:var(--text-small);margin-top:8px}.stat-icon{display:none}
 .card{padding:20px 17px;border-radius:9px;margin-bottom:17px}.section-heading{margin-bottom:18px;gap:12px}.section-heading p{font-size:var(--text-small)}h2{font-size:18px;flex-wrap:wrap}
 .section-label,.view-description{display:none}.table-scroll table{min-width:700px}.ranking-table{min-width:1100px!important}
 .topbar-date,.topbar-divider{display:none}.topbar-right{gap:12px}.topbar-left{gap:8px}.breadcrumb{font-size:var(--text-small)}.breadcrumb>span{margin:0 8px}
 .chips{grid-template-columns:1fr}.dtools form{width:100%}.dtools input[type="text"],.dtools select{width:100%;min-width:0;max-width:none}
 .dpage{gap:9px;flex-wrap:wrap}.dpage .pc{font-size:var(--text-small)}.form-grid{grid-template-columns:1fr;gap:14px}
 .empty-state{padding:40px 20px}footer{margin-top:26px;flex-direction:column;gap:7px;font-size:var(--text-caption)}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation-duration:.01ms!important}}

/* Sign-in experience */
.login-bg{--primary:#1d4ed8;--primary-deep:#1e40af;--primary-weak:#eaf1ff;--text:#0f172a;--muted:#475569;--border:#cfd8e5;background:#edf2f8;color:var(--text)}
.login-shell{display:grid;grid-template-columns:1.05fr 1fr;min-height:100vh}
.login-story{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:48px 64px 32px;background:#14243e;color:#fff}
.login-story::before{content:'';position:absolute;inset:0;pointer-events:none;opacity:.14;background-image:radial-gradient(#93c5fd 1px,transparent 1px);background-size:25px 25px;mask-image:linear-gradient(transparent,#000)}
.login-brand{display:flex;align-items:center;gap:13px;position:relative;color:#fff}
.login-brand:hover{color:#fff}.login-brand .brand-mark{background:#2563eb;box-shadow:0 3px 10px #0002}
.login-brand-copy{display:flex;flex-direction:column;gap:2px}
.login-brand-copy strong{font-size:var(--text-body);letter-spacing:2.4px;font-weight:600}
.login-brand-copy>span{font-size:var(--text-small);color:#b3c4df;letter-spacing:2px}
.login-story-content{position:relative;width:100%;max-width:500px;margin:65px 0 60px}
.login-story-content .eyebrow{color:#b3c4df;font-size:var(--text-small);letter-spacing:2px;margin-bottom:22px}
.login-story-content h1{font-size:44px;line-height:1.6;font-weight:650;letter-spacing:1px;margin-bottom:20px}
.login-story-content .signal-preview{margin-top:40px}
.signal-preview{background:#1d3252;border:1px solid #3a4d6c;box-shadow:0 10px 24px #08142926;border-radius:10px;padding:22px 24px 16px}
.signal-preview-head{display:flex;justify-content:space-between;align-items:center;font-size:var(--text-caption);letter-spacing:1.4px;color:#e2eaf7}
.signal-preview-status{font-size:var(--text-caption);letter-spacing:0;display:flex;align-items:center;gap:6px;color:#b3c4df}
.signal-preview-status i{width:4px;height:4px;background:#38bdf8;border-radius:50%}
.signal-channels{display:flex;gap:20px;margin:24px 0 20px}
.signal-channel{display:flex;align-items:center;gap:7px;font-size:var(--text-small);color:#e2eaf7}
.signal-channel-dot{width:6px;height:6px;border-radius:2px;background:#60a5fa}.signal-channel-dot.xhs{background:#fb7185}.signal-channel-dot.insight{background:#38bdf8}
.signal-graph{display:block;width:100%;height:auto;color:#fff}
.signal-legend{display:flex;align-items:center;flex-wrap:wrap;gap:12px 18px;font-size:var(--text-caption);color:#e2eaf7;margin-top:12px}
.signal-legend>span{display:flex;align-items:center;gap:5px}.signal-legend>span:last-child{margin-left:auto;color:#b3c4df;font-size:var(--text-caption)}
.signal-legend i{width:10px;height:2px;background:#60a5fa;border-radius:2px}.signal-legend>span:nth-child(2) i{background:#38bdf8}
.login-story-footer{position:relative;display:flex;justify-content:space-between;gap:15px;font-size:var(--text-caption);color:#b3c4df;letter-spacing:.3px}
.login-panel{display:flex;align-items:center;justify-content:center;padding:70px 45px;background:#edf2f8}
.login-form-wrap{max-width:420px;width:100%;padding:36px;background:#fff;border:1px solid #cfd8e5;border-radius:12px;box-shadow:0 6px 22px #14243e08}
.login-form-heading .eyebrow{font-size:var(--text-caption);letter-spacing:1.7px;margin-bottom:16px;color:#475569;font-weight:650}
.login-form-heading h2{font-size:32px;color:#10213b;font-weight:700;letter-spacing:-.5px;margin-bottom:12px;line-height:1.4}
.login-form-heading{margin-bottom:32px}
.login-field{margin-bottom:23px}
.login-field label{display:block;font-size:var(--text-small);color:#263b59;margin-bottom:8px;font-weight:600}
.login-input-wrap{position:relative}.login-input-wrap>svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#475569}
.login-input-wrap input{padding:13px 14px 13px 43px;border-color:#b9c7dc;color:#1e293b;background:#fff;border-radius:7px;font-size:var(--text-ui)}
.login-input-wrap input::placeholder{color:#64748b;opacity:1}
.login-input-wrap input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}
.login-btn{display:flex;width:100%;justify-content:space-between;padding:13px 17px;margin-top:32px;font-size:var(--text-ui);font-weight:650;border-radius:7px;background:#1d4ed8;border-color:#1d4ed8;box-shadow:0 2px 4px #1d4ed81a}
.login-btn:hover{box-shadow:0 3px 8px #1d4ed824}
.login-foot{display:flex;justify-content:center;align-items:center;gap:6px;font-size:var(--text-caption);color:#475569;margin-top:35px}
.login-form-wrap .notice{font-size:var(--text-small);margin-bottom:23px}
.login-form-wrap .notice.err{color:#9f2331;background:#fff1f2;border-color:#e8b2b9}
.login-bg :focus-visible{outline-color:#2563eb}
.login-story :focus-visible{outline-color:#93c5fd}
.login-bg ::selection{background:#bfdbfe;color:#10213b}
@media(min-width:1600px){.login-story{padding:60px 10% 38px}.login-story-content{margin:80px 0}.login-story-content h1{font-size:50px}.login-form-wrap{max-width:440px}}
@media(max-width:1100px){.login-story{padding:38px 38px 28px}.login-story-content h1{font-size:36px}.login-story-content>p{font-size:var(--text-small)}.signal-preview{padding:19px}.login-panel{padding:55px 38px}.login-story-footer>span:last-child{display:none}}
@media(max-width:760px){.login-shell{grid-template-columns:1fr}.login-story{min-height:initial;padding:28px 30px 35px}.login-story-content{margin:40px 0 0;max-width:none}.login-story-content .eyebrow{font-size:var(--text-caption);margin-bottom:12px}.login-story-content h1{font-size:32px;line-height:1.5;margin-bottom:12px}.login-story-content>p{font-size:var(--text-small);margin:0}.signal-preview,.login-story-footer{display:none}.login-panel{padding:32px 18px 40px}.login-form-heading h2{font-size:30px}.login-form-heading p{margin-bottom:30px}.login-form-wrap{max-width:420px;padding:28px 24px}.login-foot{font-size:var(--text-caption);margin-top:28px}}