:root{color-scheme:light;--bg: #eef2f9;--panel: #ffffff;--panel-soft: #f7faff;--panel-muted: #f1f5fb;--border: #e2e8f2;--border-strong: #c8d3e8;--text: #0f172a;--muted: #64748b;--muted-soft: #94a3b8;--primary: #0f172a;--primary-soft: #f1f5f9;--accent: #f59e0b;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--info: #3b82f6;--purple: #8b5cf6;--cyan: #06b6d4;--shadow-xs: 0 1px 2px rgba(15, 23, 42, .04);--shadow-sm: 0 1px 4px rgba(15, 23, 42, .06), 0 1px 2px rgba(15, 23, 42, .03);--shadow: 0 4px 18px rgba(15, 23, 42, .08), 0 1px 4px rgba(15, 23, 42, .04);--shadow-lg: 0 12px 36px rgba(15, 23, 42, .11), 0 2px 8px rgba(15, 23, 42, .05);--radius: 14px;--radius-sm: 8px;--radius-xs: 6px;font-family:PingFang SC,Microsoft YaHei,Noto Sans SC,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;overflow-x:clip}body{margin:0;color:var(--text);background:linear-gradient(150deg,#f5f8ff 0%,var(--bg) 60%,#e8eef8 100%);background-attachment:fixed}button,input,select{font:inherit}button{cursor:pointer}input,select{width:100%;border:1px solid var(--border);border-radius:12px;background:#fff;color:var(--text);padding:.78rem .9rem;outline:none;transition:border-color .16s ease,box-shadow .16s ease}input:focus,select:focus{border-color:#0f172a38;box-shadow:0 0 0 4px #0f172a0f}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.primary-button,.ghost-button,.seg-btn{border:1px solid var(--border);background:#fff;color:var(--text);padding:.72rem .9rem;font-weight:600;transition:transform .14s ease,border-color .14s ease,background .14s ease,box-shadow .14s ease}.primary-button{background:linear-gradient(135deg,#111,#3a3a3a);color:#fff;border-color:#111;padding:.9rem 1rem}.primary-button:disabled{opacity:.8}.ghost-button:hover,.seg-btn:hover{transform:translateY(-1px);border-color:var(--border-strong);box-shadow:var(--shadow-xs)}.seg-btn.active{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:var(--shadow-sm)}.form-error{padding:.8rem .9rem;border:1px solid rgba(220,38,38,.2);background:#dc26260f;color:#b91c1c;border-radius:12px}.dashboard-page{min-height:100vh;margin:.8rem;padding:1.1rem 1.3rem;display:grid;gap:1rem;align-content:start}.page-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.page-header h1{font-size:1.28rem;font-weight:800;letter-spacing:-.02em;margin:0}.page-subtitle{color:var(--muted-soft);font-size:.82rem;margin-top:.18rem}.page-actions{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.section-switch,.chart-switch,.chart-tabs,.refresh-strip{display:flex;gap:.4rem;align-items:center;flex-wrap:wrap}.refresh-strip{gap:.6rem}.refresh-strip label{display:grid;gap:.2rem;min-width:136px}.refresh-strip span{font-size:.73rem;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.06em}.page-meta{display:flex;flex-wrap:wrap;gap:.5rem}.page-meta span{padding:.38rem .7rem;border:1px solid var(--border);border-radius:10px;background:var(--panel);font-size:.8rem;color:var(--muted)}.meta-refresh{color:var(--accent)!important;font-weight:600;border-color:#f59e0b4d!important;background:#f59e0b0f!important}.dashboard-stack{display:grid;gap:1rem}.stat-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.8rem}.stat-card{padding:1.2rem 1.4rem 1rem;background:var(--panel);position:relative;overflow:hidden;transition:transform .15s ease,box-shadow .15s ease}.stat-card:before{content:"";position:absolute;top:0;left:0;bottom:0;width:3px;background:var(--stat-accent, var(--border-strong));border-radius:0}.stat-card:hover{transform:translateY(-1px);box-shadow:var(--shadow)}.stat-label{color:var(--muted);font-size:.71rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding-left:.5rem;display:block}.stat-value{margin-top:.6rem;font-size:clamp(1.4rem,2.2vw,1.85rem);font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.02em;line-height:1;padding-left:.5rem;display:block}.stat-detail{margin-top:.45rem;font-size:.78rem;color:var(--muted-soft);padding-left:.5rem;display:block}.shell-card{padding:1.1rem 1.3rem 1.3rem;background:var(--panel)}.shell-card-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-bottom:.85rem;border-bottom:1px solid var(--border);margin-bottom:1rem}.shell-card h2{font-size:1.02rem;font-weight:700;letter-spacing:-.01em;margin:.3rem 0 0}.shell-kicker{font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted-soft);font-weight:700}.shell-actions{display:flex;gap:.4rem;flex-wrap:wrap;flex-shrink:0}.chart-note{margin-bottom:.65rem}.section-toolbar{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-xs);padding:.65rem 1rem;display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.toolbar-label{font-size:.75rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.07em;white-space:nowrap;padding-right:.2rem}.toolbar-sep{width:1px;height:18px;background:var(--border);flex-shrink:0}.toolbar-spinner{width:14px;height:14px;border-radius:50%;border:2px solid var(--border-strong);border-top-color:var(--primary);animation:spin .7s linear infinite;flex-shrink:0}.toolbar-select-wrap{display:grid;gap:.25rem;min-width:160px}.toolbar-select-label{font-size:.72rem;font-weight:700;color:var(--muted-soft);text-transform:uppercase;letter-spacing:.07em}.toolbar-select{width:auto;min-width:160px;padding:.62rem .72rem;border-radius:12px;background:#fff}.loading-block{display:flex;align-items:center;justify-content:center;min-height:200px;border-radius:var(--radius-sm);color:var(--muted);font-size:.88rem;background:linear-gradient(90deg,var(--panel-soft) 25%,#e8eeff 50%,var(--panel-soft) 75%);background-size:400% 100%;animation:shimmer 2s ease infinite}.vchart-wrap{width:100%;height:360px}.vchart-wrap.tall{height:420px}.vchart-wrap.xl{height:480px}.vchart-wrap canvas,.vchart-wrap svg{width:100%!important;height:100%!important}.seg-group{display:flex;align-items:center;gap:.35rem;padding:.35rem;border:1px solid var(--border);border-radius:12px;background:var(--panel-muted)}.seg-prefix{color:var(--muted);font-size:.78rem;font-weight:600;padding:0 .3rem}.legend-wrap,.legend-list,.section-grid{display:grid;gap:.8rem}.section-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.legend-wrap{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-top:.8rem}.legend-list{margin-left:.9rem}.legend-item{display:flex;align-items:center;gap:.45rem;padding:.45rem .55rem;border:1px solid var(--border);background:var(--panel-soft);border-radius:12px;font-size:.84rem}.legend-dot{width:10px;height:10px;border-radius:3px}.legend-value{margin-left:auto}.model-section,.user-section{display:grid;gap:1rem}.icon-inline{width:.9em;height:.9em;vertical-align:-.12em}.horizontal-bars{display:grid;gap:.65rem}.hbar-row{display:grid;grid-template-columns:120px 1fr 92px;gap:.7rem;align-items:center}.hbar-label{color:var(--muted);text-align:left}.hbar-track{height:16px;overflow:hidden;border-radius:999px;background:#f1f5f9;border:1px solid #e8edf5}.hbar-fill{height:100%;border-radius:inherit}.hbar-value{text-align:right;font-variant-numeric:tabular-nums;color:var(--muted)}.donut-wrap{display:grid;grid-template-columns:340px 1fr;gap:1rem;align-items:center}.donut-svg{width:100%;max-width:340px;margin:0 auto}.donut-track{fill:none;stroke:#edf2f7;stroke-width:24}.donut-seg{fill:none;stroke-width:24;stroke-linecap:butt}.donut-total{fill:var(--muted);font-size:12px}.donut-total-value{fill:var(--text);font-size:20px;font-weight:800}.chart-svg{width:100%;height:auto;display:block}.grid-line{stroke:#edf2f7;stroke-dasharray:4 6}.axis-label{fill:var(--muted);font-size:10px;text-anchor:middle}.trend-line{fill:none;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a47;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:grid;place-items:center;padding:1rem;z-index:50}.modal-panel{width:min(560px,calc(100vw - 1.5rem));border-radius:18px;background:#fff;border:1px solid var(--border);box-shadow:var(--shadow-lg);padding:1.3rem;display:grid;gap:.85rem;animation:fadeIn .2s ease;max-height:calc(100vh - 2rem);overflow:auto}.modal-panel h3{margin:0;font-size:1.05rem}.modal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.modal-grid label{display:grid;gap:.35rem;color:var(--muted);font-size:.9rem}.modal-actions{display:flex;justify-content:end}.section-kicker{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--muted-soft);margin-bottom:.7rem}.platform-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem}.platform-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:1rem;display:grid;gap:.9rem;transition:transform .15s ease,box-shadow .15s ease;position:relative}.platform-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.platform-card-head{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.platform-name{font-weight:700;font-size:.95rem;flex:1;min-width:0;letter-spacing:-.01em}.platform-badge{background:var(--primary-soft);border:1px solid var(--border);border-radius:6px;padding:.12rem .55rem;font-size:.7rem;font-weight:700;color:var(--muted);flex-shrink:0;text-transform:uppercase;letter-spacing:.06em}.platform-health-badge{display:flex;align-items:center;gap:.3rem;font-size:.75rem;font-weight:600;color:var(--muted);flex-shrink:0}.health-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.platform-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:.45rem}.platform-metric{background:var(--panel-muted);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.55rem .65rem}.metric-label{color:var(--muted-soft);font-size:.7rem;font-weight:600;display:block;line-height:1;text-transform:uppercase;letter-spacing:.05em}.metric-value{display:block;font-weight:800;font-size:.96rem;margin-top:.28rem;font-variant-numeric:tabular-nums;color:var(--text);letter-spacing:-.01em}.metric-value.warn{color:#d97706}.metric-value.error{color:#dc2626}.platform-footer{display:flex;gap:.45rem;flex-wrap:wrap}.platform-tag{background:var(--panel-soft);border:1px solid var(--border);border-radius:var(--radius-xs);padding:.15rem .5rem;font-size:.72rem;color:var(--muted);font-weight:500;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.platform-sections{display:grid;gap:1.2rem}.platform-section{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:1rem 1.2rem 1.2rem;display:grid;gap:.9rem}.platform-section-head{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.platform-section-url{font-size:.78rem;color:var(--muted-soft);font-weight:500;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.model-channels-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel)}.model-channels-table{width:100%;border-collapse:collapse;font-size:.855rem}.model-channels-table th{background:var(--panel-muted);color:var(--muted);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;padding:.55rem 1rem;text-align:left;border-bottom:1px solid var(--border);white-space:nowrap}.model-channels-table td{padding:.52rem 1rem;border-bottom:1px solid var(--border);vertical-align:middle}.model-channels-table tr:last-child td{border-bottom:none}.mc-col-name{min-width:180px}.mc-col-num{text-align:right;width:130px}.mc-cell-name{font-weight:600;color:var(--text);font-family:var(--font-mono, monospace);font-size:.82rem}.mc-cell-num{text-align:right;font-variant-numeric:tabular-nums;color:var(--muted);font-weight:500}.mc-row-even{background:var(--panel)}.mc-row-odd{background:var(--panel-muted, #f9fafb)}.model-channels-table tbody tr:hover{background:var(--primary-soft)}.channel-section-label{font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);margin:1rem 0 .5rem}.channel-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.625rem}.channel-card{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:.625rem .75rem;display:flex;flex-direction:column;gap:.45rem;transition:box-shadow .15s}.channel-card:hover{box-shadow:0 2px 8px #00000014}.channel-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.375rem}.channel-card-name{font-size:.8rem;font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:120px}.channel-status-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 6px;border-radius:99px;font-size:.68rem;font-weight:600;white-space:nowrap;flex-shrink:0}.channel-status-reason{font-size:.7rem;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-metrics{display:grid;grid-template-columns:1fr 1fr;gap:.25rem .5rem}.channel-metric-item{display:flex;flex-direction:column;gap:1px}.cm-label{font-size:.65rem;color:var(--text-muted);line-height:1.2}.cm-value{font-size:.78rem;font-weight:600;color:var(--text);line-height:1.3}.channel-health{display:grid;gap:.28rem;padding-top:.1rem}.channel-health-head{display:flex;align-items:center;justify-content:space-between;gap:.4rem}.channel-health-score{font-size:.78rem;font-weight:700;font-variant-numeric:tabular-nums}.channel-health-track{height:6px;border-radius:999px;overflow:hidden;background:#eef2f9;border:1px solid var(--border)}.channel-health-fill{display:block;height:100%;border-radius:inherit}.channel-health-note{font-size:.7rem;font-weight:600;letter-spacing:.03em}.channel-groups{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.125rem}.channel-group-tag{display:inline-block;padding:1px 6px;border-radius:4px;background:var(--primary-soft, rgba(59,130,246,.1));color:var(--primary, #3b82f6);font-size:.67rem;font-weight:500}.overview-summary{display:grid;gap:1rem}.overview-summary-header{display:flex;align-items:center;gap:.7rem}.overview-summary-title{font-size:.82rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.refresh-control{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}.platform-groups{display:grid;gap:1.2rem}.platform-group{display:grid;gap:.65rem}.platform-group-header{display:flex;align-items:center;gap:.65rem;padding:.45rem .75rem;background:var(--panel-muted);border:1px solid var(--border);border-radius:var(--radius-sm)}.platform-group-url{font-family:Menlo,Consolas,Monaco,monospace;font-size:.8rem;color:var(--muted);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.platform-group-count{font-size:.72rem;font-weight:700;color:var(--muted-soft);flex-shrink:0;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-xs);padding:.1rem .45rem}.platform-group .platform-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.toolbar-spacer{flex:1}.filter-badge{display:inline-flex;align-items:center;padding:.12rem .5rem;border-radius:999px;border:1px solid rgba(59,130,246,.35);background:#3b82f614;color:#3b82f6;font-size:.7rem;font-weight:700;letter-spacing:.04em;flex-shrink:0}.modal-desc{margin:.2rem 0 0;font-size:.84rem;color:var(--muted);line-height:1.55}.pref-rows{display:grid;gap:1rem;margin-top:.4rem}.pref-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.pref-row-label{font-size:.84rem;font-weight:600;color:var(--muted);flex-shrink:0;min-width:100px}.filter-section{display:grid;gap:.5rem}.filter-section-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted-soft)}.filter-divider{position:relative;text-align:center;margin:.2rem 0}.filter-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:var(--border)}.filter-divider span{position:relative;background:#fff;padding:0 .7rem;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted-soft)}.filter-dt-label{font-size:.82rem;font-weight:600;color:var(--muted)}.filter-datetime-block{display:grid;gap:.7rem;padding:.84rem .92rem .92rem;border:1px solid rgba(148,163,184,.16);border-radius:16px;background:linear-gradient(180deg,#f8faffeb,#fffffffa)}.filter-datetime-heading{display:flex;align-items:center;justify-content:center;gap:.42rem;color:var(--muted-soft);font-size:.74rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.filter-datetime-row{display:grid;grid-template-columns:88px minmax(0,1fr);gap:.65rem;align-items:center}.filter-datetime-row-label{font-size:.84rem;font-weight:700;color:var(--muted)}.filter-datetime-fields{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.9fr);gap:.55rem;min-width:0}.filter-datetime-fields input{min-width:0}.pref-panel{width:min(600px,100%)}@media(max-width:1300px){.platform-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:1180px){.login-page,.donut-wrap,.section-grid{grid-template-columns:1fr}.stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hbar-row{grid-template-columns:100px 1fr 82px}}@media(max-width:900px){.platform-grid{grid-template-columns:1fr}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.dashboard-page{margin:.4rem;padding:.8rem}.page-header{flex-direction:column;align-items:flex-start}.page-actions,.refresh-strip,.section-switch{width:100%}.page-actions>*{flex:1 1 auto}.stat-grid,.modal-grid,.hbar-row{grid-template-columns:1fr}.hbar-value{text-align:left}.section-toolbar{padding:.55rem .75rem}}:root{color-scheme:light;--bg: #eef3fb;--panel: rgba(255, 255, 255, .82);--panel-soft: rgba(244, 248, 255, .82);--panel-muted: rgba(233, 240, 250, .9);--border: rgba(148, 163, 184, .22);--border-strong: rgba(71, 85, 105, .24);--text: #0f172a;--muted: #52627a;--muted-soft: #7f8ca3;--primary: #0f172a;--primary-soft: rgba(15, 23, 42, .05);--accent: #7c3aed;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--info: #2563eb;--purple: #7c3aed;--cyan: #0891b2;--shadow-xs: 0 1px 2px rgba(15, 23, 42, .05);--shadow-sm: 0 6px 18px rgba(15, 23, 42, .07);--shadow: 0 16px 44px rgba(15, 23, 42, .1);--shadow-lg: 0 24px 64px rgba(15, 23, 42, .14);--radius: 20px;--radius-sm: 14px;--radius-xs: 10px}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 10% 10%,rgba(59,130,246,.18),transparent 28%),radial-gradient(circle at 90% 0%,rgba(124,58,237,.16),transparent 25%),radial-gradient(circle at 70% 95%,rgba(14,165,233,.14),transparent 28%),linear-gradient(180deg,#f5f8ff,#edf2fb);color:var(--text)}body:before,body:after{content:"";position:fixed;inset:auto;width:26rem;height:26rem;border-radius:50%;pointer-events:none;filter:blur(80px);opacity:.35;z-index:-1}body:before{top:-8rem;left:-10rem;background:#3b82f633}body:after{right:-8rem;bottom:-10rem;background:#7c3aed2e}#root{position:relative;isolation:isolate}.dashboard-page{width:min(1680px,calc(100% - 1.2rem));margin:0 auto;gap:1.1rem}.page-header{position:sticky;top:.75rem;z-index:8;padding:1rem 1.1rem;border-radius:22px;border:1px solid rgba(148,163,184,.18);background:#ffffffd1;box-shadow:0 16px 44px #0f172a14}.page-header h1{font-size:clamp(1.3rem,1.7vw,1.85rem)}.page-subtitle{margin-top:.35rem;font-size:.88rem;color:var(--muted)}.page-meta span{background:#fffc;border-color:#94a3b833;box-shadow:var(--shadow-xs)}.page-actions{gap:.7rem}.section-switch,.chart-switch,.chart-tabs,.seg-group{background:#f1f5f9d1;border:1px solid rgba(148,163,184,.16);padding:.35rem;border-radius:999px;box-shadow:inset 0 1px #ffffffa6}.seg-btn,.ghost-button{border-radius:999px;background:#ffffffc2;border-color:#94a3b833;box-shadow:0 8px 24px #0f172a0d}.seg-btn{padding:.65rem .95rem;font-size:.88rem}.seg-btn.active{background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff;border-color:#0f172acc}.ghost-button{padding:.72rem 1rem;background:linear-gradient(180deg,#fffffff2,#f5f8ffe6)}.primary-button{border-radius:999px;background:linear-gradient(135deg,#0f172a,#1e40af);border-color:transparent;box-shadow:0 14px 26px #1e40af38}.primary-button:hover,.ghost-button:hover,.seg-btn:hover{transform:translateY(-1px)}.stat-grid{gap:.95rem}.stat-card{background:linear-gradient(180deg,#fffffff5,#f5f8ffe6),var(--panel);border:1px solid rgba(148,163,184,.16);border-radius:22px;box-shadow:0 14px 36px #0f172a14}.stat-card:before{width:4px;border-radius:999px;background:linear-gradient(180deg,var(--stat-accent, var(--border-strong)),rgba(255,255,255,.1))}.stat-value{letter-spacing:-.04em}.shell-card{border-radius:24px;background:linear-gradient(180deg,#ffffffe6,#f8faffd6),var(--panel);border:1px solid rgba(148,163,184,.16);box-shadow:0 18px 50px #0f172a14}.shell-card-head{padding-bottom:1rem;margin-bottom:1rem;border-bottom-color:#94a3b829}.shell-card h2{font-size:1.08rem;letter-spacing:-.03em}.shell-kicker,.section-kicker,.toolbar-label,.filter-section-label,.pref-row-label,.toolbar-select-label{letter-spacing:.1em}.section-toolbar{padding:.8rem .95rem;border-radius:20px;border-color:#94a3b82e;background:#fffc;box-shadow:0 12px 30px #0f172a0f}.toolbar-select-wrap{min-width:180px}.toolbar-select{min-width:180px;border-radius:14px;background:#ffffffeb;box-shadow:inset 0 1px #fffc}.vchart-wrap{border-radius:18px;padding:.45rem .25rem .1rem}.vchart-wrap:before{content:"";display:block;height:1px;margin-bottom:.65rem;background:linear-gradient(90deg,transparent,rgba(148,163,184,.28),transparent)}.channel-card-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:.9rem}.channel-card{border-radius:18px;padding:.95rem;background:linear-gradient(180deg,#fffffff5,#f7fafff0),var(--panel);border:1px solid rgba(148,163,184,.16);box-shadow:0 14px 30px #0f172a0f}.channel-card:hover{transform:translateY(-2px);box-shadow:0 20px 40px #0f172a1c}.channel-card-name{font-size:.88rem;line-height:1.3}.channel-status-badge{border-radius:999px;padding:.25rem .55rem;border:1px solid transparent;background:#0f172a0a}.channel-status-reason{padding:.45rem .55rem;border-radius:12px;background:#0f172a08;color:var(--muted)}.channel-health-track{height:8px;background:#e2e8f0e6}.channel-health-fill{background:linear-gradient(90deg,currentColor,rgba(255,255,255,.7))}.channel-group-tag{border-radius:999px;background:#0f172a0a;color:var(--muted)}.platform-section{border-radius:24px;background:linear-gradient(180deg,#fffffff0,#f8faffe0),var(--panel);border:1px solid rgba(148,163,184,.16);box-shadow:0 18px 44px #0f172a14}.platform-section-head{padding-bottom:.15rem}.platform-name{font-size:1rem;letter-spacing:-.02em}.platform-section-url{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.82rem;color:var(--muted-soft)}.platform-health-badge{padding:.3rem .65rem;border-radius:999px;background:#0f172a0a}.pref-panel{width:min(640px,calc(100vw - 1.5rem))}.filter-divider span{background:#fffffff0}.loading-block{border-radius:18px;border:1px solid rgba(148,163,184,.16);background:linear-gradient(90deg,#f8faffe6 25%,#e9f0fbf2,#f8faffe6 75%);background-size:360% 100%}.dashboard-stack>section{animation:fadeIn .28s ease}@media(min-width:1440px){.stat-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.section-toolbar{padding:.9rem 1rem}}@media(max-width:1180px){.dashboard-page,.login-page{width:min(100%,calc(100% - 1rem))}.page-header{position:static}.login-page{grid-template-columns:1fr}}@media(max-width:900px){.page-header,.section-toolbar{border-radius:18px}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.channel-card-grid,.platform-section .stat-grid{grid-template-columns:1fr}.toolbar-select-wrap,.toolbar-select{min-width:100%}}@media(max-width:760px){.dashboard-page{padding:.75rem 0}.page-header{padding:.9rem}.page-actions{width:100%}.section-switch,.refresh-control,.chart-switch,.chart-tabs,.seg-group{width:100%;justify-content:stretch}.seg-btn{flex:1 1 auto}.shell-card,.platform-section,.modal-panel{border-radius:20px}.filter-datetime-row,.filter-datetime-fields{grid-template-columns:1fr}}*::selection{background:#3b82f629;color:var(--text)}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:#e2e8f08c}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#64748b8c,#475569b3);border:3px solid rgba(226,232,240,.55);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#475569b8,#1e293bdb)}.dashboard-page,.login-page{position:relative}.dashboard-page:before,.dashboard-page:after{content:"";position:fixed;inset:auto;pointer-events:none;z-index:-1;filter:blur(10px)}.dashboard-page:before{width:18rem;height:18rem;top:4rem;right:-5rem;background:radial-gradient(circle,rgba(59,130,246,.09),transparent 70%)}.dashboard-page:after{width:14rem;height:14rem;left:-4rem;bottom:8rem;background:radial-gradient(circle,rgba(124,58,237,.08),transparent 72%)}.page-header{overflow:hidden}.page-header:before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,#2563eb,#7c3aed 48%,#06b6d4)}.page-header:after{content:"";position:absolute;right:-2rem;top:-2rem;width:12rem;height:12rem;border-radius:50%;background:radial-gradient(circle,rgba(59,130,246,.08),transparent 70%);pointer-events:none}.page-actions,.section-toolbar,.shell-card-head,.platform-section-head{position:relative}.shell-card-head:after,.section-toolbar:after,.platform-section-head:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(148,163,184,.22),transparent)}.shell-actions,.page-actions,.refresh-control{align-items:center}.stat-card{min-height:132px}.stat-card:after{content:"";position:absolute;right:-1.25rem;top:-1.25rem;width:5rem;height:5rem;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.92),transparent 68%);opacity:.45;pointer-events:none}.shell-card{position:relative}.shell-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;border:1px solid rgba(255,255,255,.35);pointer-events:none}.loading-block{position:relative;overflow:hidden;min-height:220px;font-size:.9rem}.loading-block:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,transparent 25%,rgba(255,255,255,.42) 45%,transparent 65%);transform:translate(-120%);animation:shimmer 2.2s ease-in-out infinite}.platform-section{position:relative}.platform-section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(circle at top right,rgba(59,130,246,.04),transparent 30%),radial-gradient(circle at bottom left,rgba(124,58,237,.04),transparent 34%);pointer-events:none}.platform-section>*{position:relative;z-index:1}.platform-section-url{opacity:.95}.channel-card{position:relative;overflow:hidden}.channel-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(59,130,246,.03),transparent 35%);pointer-events:none}.channel-card>*{position:relative;z-index:1}.channel-health-score{letter-spacing:-.02em}.modal-panel{position:relative;overflow:hidden}.modal-panel:before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:4px;background:linear-gradient(90deg,#2563eb,#7c3aed 52%,#06b6d4)}.modal-panel h3{font-size:1.12rem;letter-spacing:-.03em}.login-panel h2,.login-hero h1,.page-header h1,.shell-card h2{text-wrap:balance}.login-form input,.filter-datetime-fields input,.toolbar-select,.modal-panel input,.modal-panel select{border-color:#94a3b83d;background:#ffffffeb;box-shadow:inset 0 1px #ffffffbf}.login-form input:focus,.filter-datetime-fields input:focus,.toolbar-select:focus,.modal-panel input:focus,.modal-panel select:focus{border-color:#2563eb59;box-shadow:0 0 0 4px #2563eb14}.login-status{border-radius:999px;background:#0f172a0a}.demo-box,.demo-list{border-radius:18px}.demo-box{padding-top:.2rem}.demo-list{background:#f8faffeb;border-color:#94a3b829}.channel-metric-item,.platform-metric{transition:transform .16s ease,border-color .16s ease,background .16s ease}.channel-metric-item:hover,.platform-metric:hover{transform:translateY(-1px);border-color:#94a3b847}.toolbar-spinner{box-shadow:0 0 0 3px #2563eb0f}.section-kicker{margin-bottom:.8rem}.login-page,.dashboard-page,.page-header,.section-toolbar,.shell-card,.platform-section,.channel-card,.modal-panel{min-width:0}.page-header{gap:.9rem 1.1rem}.page-header>div:first-child,.page-actions,.refresh-control,.section-switch,.chart-switch,.chart-tabs,.seg-group,.page-meta{min-width:0}.page-actions{justify-content:flex-end}.refresh-control,.page-actions,.section-switch,.chart-switch,.chart-tabs,.seg-group{flex-wrap:wrap}.toolbar-select-wrap{flex:1 1 180px;min-width:180px}.toolbar-select{width:100%;min-width:0}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.section-grid{grid-template-columns:repeat(auto-fit,minmax(420px,1fr))}.platform-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.platform-section .stat-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.channel-card-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.platform-metrics{grid-template-columns:repeat(auto-fit,minmax(92px,1fr))}.donut-wrap{grid-template-columns:minmax(240px,320px) minmax(0,1fr)}.vchart-wrap{height:clamp(280px,32vw,420px)}.vchart-wrap.tall{height:clamp(320px,38vw,520px)}.vchart-wrap.xl{height:clamp(360px,44vw,600px)}@media(max-width:1440px){.dashboard-page,.login-page{width:min(100%,calc(100% - 1rem))}}@media(max-width:1180px){.login-page{grid-template-columns:1fr}.login-hero,.login-panel{min-height:auto}.section-grid,.donut-wrap{grid-template-columns:1fr}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.platform-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}@media(max-width:960px){.page-header{position:static;flex-direction:column;align-items:stretch;padding:.9rem;border-radius:18px}.page-actions{justify-content:stretch}.page-actions>*{flex:1 1 100%}.section-toolbar,.shell-card,.platform-section{border-radius:18px}.section-toolbar{padding:.75rem}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.channel-card-grid,.platform-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.toolbar-select-wrap{min-width:0}}@media(max-width:760px){.dashboard-page{margin:.35rem;padding:.7rem 0}.login-page{margin:0;padding:.6rem}.login-hero{padding:1.4rem;border-radius:18px}.login-panel{padding:1rem;border-radius:18px}.page-header h1{font-size:clamp(1.15rem,4.8vw,1.45rem)}.page-meta{flex-direction:column;align-items:stretch}.page-meta span{width:100%}.section-switch,.refresh-control,.chart-switch,.chart-tabs,.seg-group{width:100%;justify-content:stretch}.seg-btn,.ghost-button,.primary-button{min-height:42px}.stat-grid{grid-template-columns:1fr 1fr}.channel-card-grid,.platform-grid,.platform-section .stat-grid{grid-template-columns:1fr}.channel-card-name{max-width:none;white-space:normal}.channel-card-head,.platform-section-head,.shell-card-head{align-items:flex-start}.modal-grid,.filter-datetime-row{grid-template-columns:1fr}.vchart-wrap,.vchart-wrap.tall,.vchart-wrap.xl{height:320px}}@media(max-width:520px){.dashboard-page,.login-page{width:calc(100% - .5rem)}.page-header,.section-toolbar,.shell-card,.platform-section,.modal-panel{padding-left:.75rem;padding-right:.75rem}.page-actions>*,.refresh-control>*,.section-switch>*,.chart-switch>*,.chart-tabs>*,.seg-group>*{flex:1 1 100%}.stat-grid{grid-template-columns:1fr}.toolbar-select-wrap,.toolbar-select{width:100%}.modal-actions{flex-direction:column-reverse;gap:.6rem}.modal-actions>*{width:100%}}:root{color-scheme:light;--bg: #eef4fb;--panel: rgba(255, 255, 255, .88);--panel-soft: rgba(247, 250, 255, .9);--panel-muted: rgba(240, 245, 252, .96);--border: rgba(148, 163, 184, .18);--border-strong: rgba(96, 165, 250, .24);--text: #0f172a;--muted: #54657d;--muted-soft: #7c8da8;--primary: #0f172a;--primary-soft: rgba(15, 23, 42, .05);--accent: #2563eb;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--info: #3b82f6;--purple: #8b5cf6;--cyan: #06b6d4;--shadow-xs: 0 1px 2px rgba(15, 23, 42, .04);--shadow-sm: 0 6px 18px rgba(15, 23, 42, .06);--shadow: 0 16px 42px rgba(15, 23, 42, .1);--shadow-lg: 0 28px 72px rgba(15, 23, 42, .14);--radius: 22px;--radius-sm: 14px;--radius-xs: 10px}body{background:radial-gradient(circle at 10% 8%,rgba(59,130,246,.14),transparent 28%),radial-gradient(circle at 88% 0%,rgba(139,92,246,.12),transparent 26%),radial-gradient(circle at 75% 94%,rgba(6,182,212,.1),transparent 28%),linear-gradient(180deg,#f7faff,#edf3fa 58%,#e8eef8);color:var(--text)}body:before{background:#3b82f624}body:after{background:#8b5cf61f}.login-page,.dashboard-page{width:min(1760px,calc(100vw - clamp(.6rem,1.8vw,2rem)),208vh)}.login-page{width:min(1600px,calc(100vw - clamp(.6rem,1.8vw,2rem)),188vh);min-height:100vh;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,420px);gap:1rem;padding:1rem}.dashboard-page,.login-page{max-width:100%}.login-hero,.login-panel,.dashboard-page,.shell-card,.stat-card,.section-toolbar,.platform-section,.channel-card,.modal-panel{background:linear-gradient(180deg,#fffffff0,#f6f9ffe6),var(--panel);border-color:#94a3b829;box-shadow:var(--shadow);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.login-hero,.login-panel{display:flex;flex-direction:column;justify-content:space-between;min-height:calc(100vh - 2rem)}.brand,.shell-kicker{text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;color:var(--muted-soft);font-weight:700}.login-hero{padding:2rem;justify-content:flex-start;align-items:flex-start;gap:1.15rem;border:1px solid rgba(148,163,184,.16);background:radial-gradient(circle at top right,rgba(59,130,246,.14),transparent 34%),radial-gradient(circle at bottom left,rgba(139,92,246,.1),transparent 36%),linear-gradient(145deg,#fffffff5,#f2f7ffeb);color:var(--text)}.login-hero:before{background:radial-gradient(circle,rgba(59,130,246,.12),transparent 70%)}.login-hero:after{background:radial-gradient(circle,rgba(139,92,246,.1),transparent 70%)}.login-hero h1,.page-header h1,.shell-card h2,.login-panel h2{margin:.5rem 0 0;line-height:1.12;text-wrap:balance}.login-hero h1{font-size:clamp(2.4rem,4vw,4.5rem);letter-spacing:-.06em}.login-hero p{max-width:56ch;color:var(--muted);line-height:1.8}.login-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem;margin-top:auto}.login-grid div,.demo-list,.login-status,.page-meta span,.legend-item,.seg-group,.section-switch,.chart-switch,.chart-tabs,.ghost-button,.primary-button{border-color:#94a3b829}.login-grid div{padding:.95rem;border:1px solid rgba(148,163,184,.16);border-radius:12px;background:#3b82f60a}.login-grid span,.demo-title,.page-header p,.page-meta,.chart-note,.legend-label,.legend-value,.stat-detail,.hbar-value,.event-bottom,.login-status{color:var(--muted)}.login-grid strong{display:block;margin-top:.35rem}.login-panel{padding:1.2rem;background:linear-gradient(180deg,#fffffff5,#f7faffeb),#ffffffe6}.login-panel h2{font-size:1.5rem}.login-status{margin-top:.9rem;padding:.6rem .8rem;border:1px solid rgba(148,163,184,.16);border-radius:999px;background:#0f172a0a;color:var(--muted);display:inline-flex}.login-form{display:grid;gap:.9rem;margin:1.2rem 0}.login-form label{display:grid;gap:.45rem;font-size:.94rem;color:var(--muted)}.login-form input,.filter-datetime-fields input,.toolbar-select,.modal-panel input,.modal-panel select{background:#fffffff5;border-color:#94a3b838;color:var(--text);box-shadow:inset 0 1px #ffffffbf}.demo-box{display:grid;gap:.6rem;padding-top:.2rem}.demo-list{padding:.9rem;display:grid;gap:.5rem;border:1px solid rgba(148,163,184,.16);border-radius:18px;background:#f8faffeb}.login-form input::placeholder,.toolbar-select::placeholder,.modal-panel input::placeholder{color:#64748b94}.dashboard-page{background:radial-gradient(circle at top right,rgba(59,130,246,.08),transparent 28%),radial-gradient(circle at 0% 100%,rgba(139,92,246,.06),transparent 28%),linear-gradient(180deg,#ffffffc7,#f5f8ffe6);border:1px solid rgba(148,163,184,.14)}.dashboard-page:before{background:radial-gradient(circle,rgba(59,130,246,.09),transparent 70%)}.dashboard-page:after{background:radial-gradient(circle,rgba(139,92,246,.08),transparent 72%)}.page-header{border:1px solid rgba(148,163,184,.16);background:linear-gradient(180deg,#fffffff0,#f7faffeb),#ffffffe6;box-shadow:0 18px 44px #0f172a14}.page-header:before{background:linear-gradient(90deg,#2563eb,#8b5cf6 48%,#06b6d4)}.page-header:after{background:radial-gradient(circle,rgba(59,130,246,.08),transparent 70%)}.page-header h1{font-size:clamp(1.32rem,1.9vw,2rem)}.page-subtitle,.page-meta span,.shell-kicker,.section-kicker,.toolbar-label,.filter-section-label,.pref-row-label,.toolbar-select-label,.channel-section-label{color:var(--muted-soft)}.page-meta span{background:#ffffffe6}.section-switch,.chart-switch,.chart-tabs,.seg-group{background:#f1f5f9e6;border:1px solid rgba(148,163,184,.16)}.seg-btn,.ghost-button{background:#ffffffe6;color:var(--text);border-color:#94a3b82e}.seg-btn.active{background:linear-gradient(135deg,#0f172a,#2563eb 55%,#8b5cf6);border-color:#2563eb5c;color:#fff;box-shadow:0 12px 26px #2563eb2e}.ghost-button{background:linear-gradient(180deg,#fffffff2,#f6f9ffeb)}.primary-button{background:linear-gradient(135deg,#2563eb,#7c3aed 56%,#06b6d4);border-color:transparent;box-shadow:0 18px 34px #2563eb2e}.stat-grid{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.stat-card{background:linear-gradient(180deg,#fffffffa,#f4f8fff2),var(--panel);border:1px solid rgba(148,163,184,.16);box-shadow:0 14px 36px #0f172a14}.stat-card:after{background:radial-gradient(circle,rgba(255,255,255,.92),transparent 68%);opacity:.45}.stat-label{color:var(--muted-soft)}.stat-value{letter-spacing:-.05em}.shell-card{background:linear-gradient(180deg,#fffffff5,#f7faffeb),var(--panel);border:1px solid rgba(148,163,184,.16);box-shadow:0 16px 44px #0f172a14;border-radius:26px}.shell-card-head{padding-bottom:1rem;border-bottom-color:#94a3b824}.shell-kicker{color:#2563eb}.shell-card h2{font-size:1.1rem;letter-spacing:-.04em}.section-toolbar{background:linear-gradient(180deg,#fffffff0,#f7faffe6),var(--panel);border:1px solid rgba(148,163,184,.16);box-shadow:0 12px 30px #0f172a0f}.section-toolbar:after,.shell-card-head:after,.platform-section-head:after{background:linear-gradient(90deg,transparent,rgba(59,130,246,.2),transparent)}.toolbar-select-wrap{min-width:190px}.toolbar-select{min-width:0}.vchart-wrap{position:relative;overflow:hidden;border-radius:22px;padding:1rem 1rem .85rem;background:linear-gradient(180deg,#fffffff5,#f7fafff0),#fffffff0;border:1px solid rgba(59,130,246,.1);box-shadow:inset 0 1px #ffffffe6,0 16px 36px #0f172a0f}.vchart-wrap:before{height:100%;margin-bottom:0;background:linear-gradient(180deg,#ffffff3d,#fff0),repeating-linear-gradient(90deg,transparent 0,transparent calc(12.5% - 1px),rgba(148,163,184,.08) calc(12.5% - 1px),rgba(148,163,184,.08) 12.5%);border-radius:inherit;position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.38}.vchart-wrap canvas,.vchart-wrap svg{position:relative;z-index:1}.chart-svg{border-radius:16px;background:radial-gradient(circle at top right,rgba(59,130,246,.04),transparent 28%);filter:drop-shadow(0 10px 20px rgba(15,23,42,.08))}.grid-line{stroke:#94a3b829;stroke-dasharray:4 6}.axis-label{fill:#64748beb;font-size:10.5px}.trend-line{stroke-width:3.2}.donut-wrap{gap:1.2rem}.donut-svg{max-width:360px}.donut-track{stroke:#94a3b824}.donut-svg circle:nth-of-type(2){fill:#fffffffa}.donut-total{fill:var(--muted)}.donut-total-value{fill:var(--text)}.horizontal-bars{gap:.8rem}.hbar-track{height:18px;background:#f1f5f9f5;border-color:#94a3b81f}.hbar-value,.hbar-label{color:var(--muted)}.model-section,.user-section{gap:1.1rem}.model-section .shell-card,.user-section .shell-card{background:linear-gradient(180deg,#fffffff5,#f7faffeb),var(--panel)}.model-section .shell-card-head,.user-section .shell-card-head{padding-bottom:.95rem}.platform-sections{gap:1rem}.platform-section{background:linear-gradient(180deg,#fffffff5,#f7faffeb),var(--panel);border:1px solid rgba(148,163,184,.16);box-shadow:0 16px 40px #0f172a14}.platform-section:before{background:radial-gradient(circle at top right,rgba(59,130,246,.05),transparent 30%),radial-gradient(circle at bottom left,rgba(139,92,246,.05),transparent 32%)}.platform-name{color:var(--text);letter-spacing:-.03em}.platform-section-url{color:var(--muted-soft)}.platform-health-badge{background:#0f172a08;border:1px solid rgba(148,163,184,.12);border-radius:999px;padding:.28rem .62rem}.platform-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.platform-metrics{grid-template-columns:repeat(auto-fit,minmax(88px,1fr))}.platform-metric{background:#f8fafff5;border-color:#94a3b81f}.metric-label{color:var(--muted-soft)}.metric-value{color:var(--text)}.channel-card-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.8rem}.channel-card{background:linear-gradient(180deg,#fffffffa,#f7fafff0),var(--panel);border:1px solid rgba(148,163,184,.14);box-shadow:0 14px 30px #0f172a0f}.channel-card:hover{box-shadow:0 20px 40px #0f172a1c}.channel-card:before{background:linear-gradient(135deg,rgba(59,130,246,.05),transparent 35%)}.channel-card-name{color:var(--text)}.channel-status-badge{background:#0f172a08;border-color:#94a3b81f}.channel-status-reason{background:#0f172a08;color:var(--muted)}.channel-health-track{background:#fffffff5;border-color:#94a3b81f}.channel-group-tag{background:#0f172a0a;color:var(--muted)}.loading-block{background:linear-gradient(90deg,#f7fafffa 25%,#e8effbf5,#f7fafffa 75%);background-size:360% 100%;color:var(--muted);border:1px solid rgba(148,163,184,.14)}::-webkit-scrollbar-track{background:#e2e8f0bf}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#64748b73,#4755699e);border:3px solid rgba(226,232,240,.75)}.dashboard-page,.login-page{border-radius:28px;overflow-x:clip}@media(min-aspect-ratio:18/10){.dashboard-page{width:min(1840px,calc(100vw - 1.5rem),214vh)}.login-page{width:min(1660px,calc(100vw - 1.5rem),195vh)}}@media(min-aspect-ratio:21/9){.dashboard-page{width:min(1780px,calc(100vw - 1.2rem),200vh)}.login-page{width:min(1600px,calc(100vw - 1.2rem),186vh)}}@media(max-aspect-ratio:4/3){.dashboard-page,.login-page{width:min(100%,calc(100vw - .75rem))}}@media(max-width:1180px){.vchart-wrap{height:clamp(300px,42vw,460px)}.vchart-wrap.tall{height:clamp(320px,46vw,500px)}.vchart-wrap.xl{height:clamp(340px,50vw,560px)}}@media(max-width:960px){.page-header{top:.55rem}.shell-card,.platform-section,.section-toolbar{border-radius:20px}.vchart-wrap{padding:.85rem .85rem .7rem}.channel-card-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}}@media(max-width:760px){.dashboard-page{margin:.3rem;padding:.65rem 0;width:calc(100% - .6rem)}.login-page{padding:.55rem;width:calc(100% - .55rem)}.page-header{padding:.85rem;gap:.75rem}.page-header h1{font-size:clamp(1.12rem,5vw,1.42rem)}.page-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.page-meta span{width:100%}.section-toolbar{padding:.7rem;gap:.55rem}.section-switch,.refresh-control,.chart-switch,.chart-tabs,.seg-group{width:100%}.seg-btn,.ghost-button,.primary-button{min-height:42px}.stat-grid{grid-template-columns:1fr 1fr;gap:.72rem}.shell-card,.platform-section,.modal-panel{border-radius:18px}.vchart-wrap,.vchart-wrap.tall,.vchart-wrap.xl{height:300px;padding:.7rem .7rem .6rem}.channel-card-grid,.platform-grid,.platform-section .stat-grid,.section-grid,.donut-wrap{grid-template-columns:1fr}.login-hero,.login-panel{padding:1.15rem;border-radius:18px}.login-grid{grid-template-columns:1fr}}@media(max-width:520px){.dashboard-page,.login-page{width:calc(100% - .45rem)}.page-header,.section-toolbar,.shell-card,.platform-section,.modal-panel{padding-left:.72rem;padding-right:.72rem}.page-meta,.stat-grid{grid-template-columns:1fr}.channel-card-name{white-space:normal;max-width:none}.modal-actions{flex-direction:column-reverse;gap:.55rem}.modal-actions>*{width:100%}}