:root{--brand:#00a651;--brand-dark:#008a43;--blue:#1a73e8;--navy:#0f1b2d;--bg:#f5f7fa;--card:#ffffff;--line:#e6eaf0;--line-soft:#eef1f6;--ink:#12203a;--ink-2:#4a5872;--ink-3:#8a96ab;--green:#12b76a;--green-bg:#e8f8f0;--orange:#f79009;--orange-bg:#fef4e6;--red:#f04438;--red-bg:#fdeceb;--amber:#f5b800;--purple:#7a5af8;--shadow:0 1px 2px rgba(16,24,40,.04);--radius:12px}[data-theme=dark]{--bg:#0d1420;--card:#141d2e;--line:#233047;--line-soft:#1c2739;--ink:#e8edf6;--ink-2:#a8b4c8;--ink-3:#6b7890;--green-bg:rgba(18,183,106,.12);--orange-bg:rgba(247,144,9,.12);--red-bg:rgba(240,68,56,.12);--shadow:0 1px 2px rgba(0,0,0,.3)}*{margin:0;padding:0;box-sizing:border-box}html{font-size:14px}body{font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--ink);min-height:100vh}a{color:var(--blue);text-decoration:none}button{font-family:inherit;cursor:pointer}.app{display:grid;grid-template-columns:218px 1fr;min-height:100vh}.sidebar{background:var(--card);border-right:1px solid var(--line);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow-y:auto;scrollbar-width:thin}.logo{display:flex;align-items:center;gap:6px;padding:18px 18px 14px;font-size:17px;font-weight:800;letter-spacing:-.3px}.logo .eka{color:var(--navy)}[data-theme=dark] .logo .eka{color:#fff}.logo .mc{color:var(--brand)}.logo-mark{width:22px;height:22px;border-radius:6px;background:var(--navy);color:#fff;display:grid;place-items:center;font-size:11px;font-weight:800}[data-theme=dark] .logo-mark{background:var(--brand)}.nav-group{padding:8px 10px 2px}.nav-label{font-size:10px;font-weight:700;letter-spacing:.09em;color:var(--ink-3);text-transform:uppercase;padding:10px 10px 6px}.nav-item{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:8px;color:var(--ink-2);font-size:13px;font-weight:500;cursor:pointer;border:none;background:none;width:100%;text-align:left;transition:background .12s,color .12s}.nav-item:hover{background:var(--line-soft);color:var(--ink)}.nav-item.active{background:var(--green-bg);color:var(--brand-dark);font-weight:600}[data-theme=dark] .nav-item.active{color:#3bd98a}.nav-item svg{width:16px;height:16px;flex-shrink:0;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.nav-badge{margin-left:auto;background:var(--purple);color:#fff;font-size:9px;font-weight:700;padding:2px 6px;border-radius:99px;letter-spacing:.03em}.sidebar-foot{margin-top:auto;padding:14px 18px;border-top:1px solid var(--line);display:flex;align-items:center;gap:8px;font-size:12px;color:var(--ink-2)}.pill-healthy{background:var(--green-bg);color:var(--brand-dark);font-weight:700;font-size:11px;padding:3px 9px;border-radius:99px}[data-theme=dark] .pill-healthy{color:#3bd98a}.main{display:flex;flex-direction:column;min-width:0}.topbar{background:var(--card);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:14px;padding:10px 22px;position:sticky;top:0;z-index:50}.hamburger{background:none;border:none;color:var(--ink-2);display:none}.search{flex:0 1 360px;display:flex;align-items:center;gap:8px;background:var(--bg);border:1px solid var(--line);border-radius:9px;padding:7px 12px;color:var(--ink-3);font-size:13px}.search input{border:none;background:none;outline:none;flex:1;color:var(--ink);font:inherit}.kbd{font-size:10px;border:1px solid var(--line);border-radius:5px;padding:1px 5px;color:var(--ink-3);background:var(--card)}.topbar-right{margin-left:auto;display:flex;align-items:center;gap:10px}.theme-toggle{display:flex;border:1px solid var(--line);border-radius:9px;overflow:hidden}.theme-toggle button{border:none;background:var(--card);color:var(--ink-2);padding:6px 12px;font-size:12px;font-weight:600;display:flex;align-items:center;gap:5px}.theme-toggle button.on{background:var(--green-bg);color:var(--brand-dark)}[data-theme=dark] .theme-toggle button.on{color:#3bd98a}.ai-pill{display:flex;align-items:center;gap:7px;background:var(--green-bg);color:var(--brand-dark);font-size:11px;font-weight:700;letter-spacing:.04em;padding:7px 12px;border-radius:9px}[data-theme=dark] .ai-pill{color:#3bd98a}.dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px #12b76a2e;animation:pulse 2s infinite}@keyframes pulse{50%{box-shadow:0 0 0 5px #12b76a14}}.icon-btn{position:relative;background:none;border:none;color:var(--ink-2);width:34px;height:34px;border-radius:9px;display:grid;place-items:center}.icon-btn:hover{background:var(--line-soft)}.icon-btn svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.notif-count{position:absolute;top:2px;right:0;background:var(--red);color:#fff;font-size:9px;font-weight:700;min-width:16px;height:16px;border-radius:99px;display:grid;place-items:center;padding:0 3px}.user{display:flex;align-items:center;gap:9px;cursor:pointer;padding:4px 6px;border-radius:9px}.user:hover{background:var(--line-soft)}.avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#1a73e8,#00a651);color:#fff;display:grid;place-items:center;font-size:12px;font-weight:700}.user-meta{line-height:1.15}.user-meta b{font-size:12.5px;display:block}.user-meta span{font-size:10.5px;color:var(--ink-3)}.page{padding:20px 22px 30px;display:none}.page.visible{display:block}.page-head{display:flex;align-items:flex-start;gap:16px;margin-bottom:16px;flex-wrap:wrap}.page-title{font-size:24px;font-weight:800;letter-spacing:-.4px}.page-sub{font-size:12.5px;color:var(--ink-2);margin-top:3px}.page-head-right{margin-left:auto;text-align:right;display:flex;align-items:center;gap:14px}.clock{font-size:12.5px;color:var(--ink-2);font-weight:600}.refresh{font-size:11px;color:var(--ink-3);display:flex;align-items:center;gap:5px;justify-content:flex-end;margin-top:3px}.btn{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:9px;padding:8px 14px;font-size:12.5px;font-weight:600;display:inline-flex;align-items:center;gap:7px;box-shadow:var(--shadow)}.btn:hover{background:var(--line-soft)}.btn svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.7}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.card-head{display:flex;align-items:center;padding:14px 16px 0;font-size:11.5px;font-weight:700;letter-spacing:.06em;color:var(--ink-2);text-transform:uppercase}.card-head a{margin-left:auto;font-size:12px;font-weight:600;text-transform:none;letter-spacing:0}.kpi-row{display:grid;grid-template-columns:repeat(7,1fr) 150px;gap:12px;margin-bottom:14px}.kpi{padding:14px 16px;display:flex;flex-direction:column;gap:2px;position:relative;overflow:hidden;cursor:pointer;transition:border-color .12s}.kpi:hover{border-color:var(--ink-3)}.kpi-label{font-size:10.5px;font-weight:700;letter-spacing:.07em;color:var(--ink-3);text-transform:uppercase}.kpi-value{font-size:26px;font-weight:800;letter-spacing:-.5px;margin-top:2px}.kpi-sub{font-size:11.5px;color:var(--ink-3);font-weight:500}.kpi-value.green{color:var(--green)}.kpi-value.orange{color:var(--orange)}.kpi-value.red{color:var(--red)}.kpi-value.amber{color:var(--amber)}.kpi-value.blue{color:var(--blue)}.kpi-sub.red{color:var(--red);font-weight:700}.spark{position:absolute;right:10px;top:12px;width:64px;height:26px;opacity:.9}.health-card{padding:12px 14px;display:flex;flex-direction:column;align-items:center;gap:4px}.donut-wrap{position:relative;width:78px;height:78px;margin-top:2px}.donut-num{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;flex-direction:column}.donut-num b{font-size:22px;font-weight:800}.donut-num small{font-size:9px;color:var(--ink-3);display:block;text-align:center;margin-top:-2px}.health-word{font-size:12px;font-weight:700;color:var(--green)}.row2{display:grid;grid-template-columns:1fr 400px 268px;gap:12px;margin-bottom:14px}.monitor-body{padding:12px 16px 16px;position:relative}.mon-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.mon-card{cursor:pointer}.mon-thumb{position:relative;aspect-ratio:16/10;border-radius:10px;overflow:hidden;display:grid;place-items:center;color:#fff;font-weight:800;font-size:22px;letter-spacing:-.5px}.mon-thumb .live{position:absolute;top:8px;left:8px;background:var(--red);color:#fff;font-size:9px;font-weight:800;letter-spacing:.06em;padding:2px 7px;border-radius:5px}.mon-thumb .kebab{position:absolute;top:6px;right:6px;color:#fff;background:#00000040;border:none;border-radius:6px;width:22px;height:22px;font-size:14px;line-height:1}.mon-name{font-size:14.5px;font-weight:700;margin:10px 0 4px}.status{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600}.status:before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}.status.ok{color:var(--green)}.status.warn{color:var(--orange)}.status.bad{color:var(--red)}.mon-meta{font-size:11.5px;color:var(--ink-3);margin-top:5px;line-height:1.5}.car-btn{position:absolute;top:44%;width:26px;height:26px;border-radius:50%;border:1px solid var(--line);background:var(--card);color:var(--ink-2);display:grid;place-items:center;box-shadow:var(--shadow);z-index:2}.car-btn.prev{left:2px}.car-btn.next{right:2px}table{width:100%;border-collapse:collapse;font-size:12px}th{font-size:10px;font-weight:700;letter-spacing:.06em;color:var(--ink-3);text-transform:uppercase;text-align:left;padding:8px 6px;border-bottom:1px solid var(--line-soft)}td{padding:6.5px 6px;border-bottom:1px solid var(--line-soft);color:var(--ink-2)}tr:last-child td{border-bottom:none}td.city,td.chan{color:var(--ink);font-weight:600}td.num{font-variant-numeric:tabular-nums}.trend{font-weight:700;font-size:11.5px}.trend.up{color:var(--green)}.trend.down{color:var(--red)}.geo-body{padding:8px 16px 14px;display:grid;grid-template-columns:1fr 120px;gap:8px}.geo-map{align-self:center;opacity:.9}tbody tr{cursor:pointer}tbody tr:hover td{background:var(--line-soft)}.aisum-body{padding:10px 16px 14px;display:flex;flex-direction:column;gap:9px;font-size:12.5px}.aisum-row{display:flex;align-items:center}.aisum-row b{margin-left:auto;font-weight:700}.aisum-row .tag{margin-left:auto;font-weight:700;color:var(--green)}.bw-body{padding:8px 12px 14px}.bw-body .bw-chart{height:110px;width:100%}.legend{display:flex;gap:14px;font-size:10.5px;color:var(--ink-3);padding:6px 6px 2px}.legend i{width:8px;height:8px;border-radius:2px;display:inline-block;margin-right:5px}.row3{display:grid;grid-template-columns:1fr 480px 460px;gap:12px;margin-bottom:14px}.metrics-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr;gap:10px;padding:12px 16px 8px;flex:1}.metric{border:1px solid var(--line-soft);border-radius:10px;padding:12px 14px;display:flex;flex-direction:column;justify-content:center}.dev-list{flex:1;display:flex;flex-direction:column;justify-content:space-evenly;padding:8px 16px 4px;gap:4px}.dev-row{display:grid;grid-template-columns:26px 1fr auto;column-gap:10px;align-items:center;padding:5px 0}.dev-ic{width:26px;height:26px;border-radius:8px;background:var(--line-soft);display:grid;place-items:center;color:var(--ink-2);grid-row:span 2}.dev-ic svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.dev-name{font-size:12.5px;font-weight:600}.dev-nums{font-size:12px;color:var(--ink-2);font-variant-numeric:tabular-nums;text-align:right}.dev-nums b{color:var(--ink);font-weight:700}.dev-bar{grid-column:2/4;height:5px;border-radius:99px;background:var(--line-soft);overflow:hidden;margin-top:4px}.dev-bar i{display:block;height:100%;border-radius:99px}.metric .m-label{font-size:10px;font-weight:700;letter-spacing:.06em;color:var(--ink-3);text-transform:uppercase}.metric .m-val{font-size:21px;font-weight:800;letter-spacing:-.4px;margin-top:5px}.metric .m-trend{font-size:11px;font-weight:700;margin-top:3px}.pad-link{padding:6px 16px 14px;font-size:12px;font-weight:600}.alerts-cols{display:grid;grid-template-columns:1fr 1fr;gap:0}.alerts-col{padding:8px 14px 10px;display:flex;flex-direction:column;gap:9px}.alerts-col+.alerts-col{border-left:1px solid var(--line-soft)}.alert-item{display:flex;gap:9px;font-size:11.5px;line-height:1.35;cursor:pointer;border-radius:8px;padding:4px}.alert-item:hover{background:var(--line-soft)}.sev{width:15px;height:15px;border-radius:50%;flex-shrink:0;display:grid;place-items:center;color:#fff;font-size:8px;font-weight:800;margin-top:1px}.sev.crit{background:var(--red)}.sev.high{background:var(--orange)}.sev.med{background:var(--amber)}.sev.act{background:var(--green)}.sev.act2{background:var(--blue)}.alert-item .when{color:var(--ink-3);font-size:10.5px}.alert-item b{display:block;font-size:11.5px;color:var(--ink)}.alert-item span{color:var(--ink-3)}.conf-row{display:flex;align-items:center;gap:12px;border-top:1px solid var(--line-soft);padding:12px 16px;font-size:12px;color:var(--ink-2)}.conf-bar{flex:1;height:6px;border-radius:99px;background:var(--line-soft);overflow:hidden;max-width:160px}.conf-bar i{display:block;height:100%;width:92%;background:var(--brand);border-radius:99px}.btn-dark{background:var(--navy);color:#fff;border:none}.btn-dark:hover{background:#1a2a44}[data-theme=dark] .btn-dark{background:var(--brand)}.row4{display:grid;grid-template-columns:1fr 1fr 1fr 1.3fr;gap:12px}.stat-pair{display:flex;gap:8px;padding:12px 16px 16px}.stat-box{flex:1;display:flex;align-items:center;gap:10px}.stat-ic{width:36px;height:36px;border-radius:10px;background:var(--line-soft);display:grid;place-items:center;color:var(--ink-2)}.stat-ic svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.7}.stat-box b{font-size:19px;font-weight:800;display:block;letter-spacing:-.3px}.stat-box span{font-size:11px;color:var(--ink-3)}.qa-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:12px 14px 14px}.qa-btn{border:1px solid var(--line);background:var(--card);border-radius:10px;padding:12px 6px;display:flex;flex-direction:column;align-items:center;gap:7px;font-size:10.5px;font-weight:600;color:var(--ink-2)}.qa-btn:hover{background:var(--line-soft);color:var(--ink)}.qa-btn svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.7}.footer{margin-top:22px;display:flex;align-items:center;font-size:11.5px;color:var(--ink-3);gap:8px}.footer .right{margin-left:auto}.ph{padding:40px;display:grid;place-items:center;text-align:center;min-height:50vh}.ph-icon{width:56px;height:56px;border-radius:16px;background:var(--green-bg);color:var(--brand-dark);display:grid;place-items:center;margin:0 auto 16px}.ph-icon svg{width:26px;height:26px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.ph h2{font-size:20px;font-weight:800;margin-bottom:6px}.ph p{font-size:13px;color:var(--ink-2);max-width:420px;margin:0 auto 18px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%) translateY(80px);background:var(--navy);color:#fff;font-size:12.5px;font-weight:600;padding:10px 18px;border-radius:10px;box-shadow:0 8px 24px #00000040;opacity:0;transition:all .25s;z-index:99}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}@media (max-width:1500px){.kpi-row{grid-template-columns:repeat(4,1fr)}.kpi-row .health-card{grid-column:span 1}.row2{grid-template-columns:1fr 1fr}.row2 .card:nth-child(3){grid-column:span 2;display:grid;grid-template-columns:1fr 1fr}.row3{grid-template-columns:1fr 1fr}.row3 .card:nth-child(3){grid-column:span 2}.row4{grid-template-columns:1fr 1fr}}@media (max-width:1000px){.app{grid-template-columns:1fr}.sidebar{display:none}.hamburger{display:block}.kpi-row,.mon-grid{grid-template-columns:repeat(2,1fr)}.row2,.row3,.row4{grid-template-columns:1fr}.row2 .card:nth-child(3){grid-column:auto;display:block}.row3 .card:nth-child(3){grid-column:auto}.alerts-cols{grid-template-columns:1fr}.alerts-col+.alerts-col{border-left:none;border-top:1px solid var(--line-soft)}.geo-body{grid-template-columns:1fr}}.kpis{display:grid;gap:10px;margin-bottom:14px}.kpis.c4{grid-template-columns:repeat(4,1fr)}.kpis.c5{grid-template-columns:repeat(5,1fr)}.kpis.c6{grid-template-columns:repeat(6,1fr)}.kpis.c7{grid-template-columns:repeat(7,1fr)}.mini-kpi{padding:12px 14px}.mini-kpi .kpi-value{font-size:20px;margin-top:1px}.badge{display:inline-block;font-size:10px;font-weight:700;padding:2px 8px;border-radius:99px;white-space:nowrap}.badge.ok{background:var(--green-bg);color:var(--brand-dark)}[data-theme=dark] .badge.ok{color:#3bd98a}.badge.warn{background:var(--orange-bg);color:var(--orange)}.badge.bad{background:var(--red-bg);color:var(--red)}.badge.info{background:#1a73e81f;color:var(--blue)}.badge.gray{background:var(--line-soft);color:var(--ink-2)}.badge.purple{background:#7a5af81f;color:var(--purple)}.thumb{width:36px;height:24px;border-radius:5px;display:inline-grid;place-items:center;color:#fff;font-size:8px;font-weight:800;letter-spacing:.02em;flex-shrink:0}.grid-2r{display:grid;grid-template-columns:1fr 320px;gap:12px;margin-bottom:14px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:14px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px}.tbl-pad{padding:4px 16px 10px;overflow-x:auto}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px;align-items:center}.filters select,.tz-select{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:9px;padding:7px 10px;font:inherit;font-size:12px;font-weight:500}.page-actions{display:flex;gap:8px;flex-wrap:wrap}.btn.primary{background:var(--blue);border-color:var(--blue);color:#fff}.btn.success{background:var(--brand);border-color:var(--brand);color:#fff}.btn.danger{color:var(--red);border-color:var(--red-bg)}.note{font-size:11px;color:var(--ink-3)}.list-rows{display:flex;flex-direction:column}.list-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--line-soft);font-size:12px}.list-row:last-child{border-bottom:none}.list-row .grow{flex:1;min-width:0}.list-row b{font-size:12.5px;display:block}.list-row .sub{font-size:10.5px;color:var(--ink-3)}.switch{position:relative;display:inline-flex;border:1px solid var(--line);border-radius:99px;overflow:hidden}.switch button{border:none;background:var(--card);color:var(--ink-2);padding:5px 14px;font-size:11px;font-weight:700}.switch button.on{background:var(--navy);color:#fff}[data-theme=dark] .switch button.on{background:var(--brand)}.flow{display:flex;gap:6px;align-items:stretch;flex-wrap:wrap;padding:12px 16px}.flow-step{flex:1;min-width:120px;border:1px solid var(--line-soft);border-radius:10px;padding:9px 10px;font-size:10.5px;color:var(--ink-3)}.flow-step b{display:block;font-size:11px;color:var(--ink);margin-bottom:2px}.flow-arrow{align-self:center;color:var(--ink-3);font-size:13px}.timeline-chip{display:inline-block;font-size:10px;font-weight:700;padding:3px 8px;border-radius:6px}.tc-bumper{background:#1a73e81f;color:var(--blue)}.tc-content{background:var(--line-soft);color:var(--ink-2)}.tc-ad{background:var(--red-bg);color:var(--red)}.tc-promo{background:#7a5af81f;color:var(--purple)}.tc-kids{background:var(--orange-bg);color:var(--orange)}.tc-filler{background:#12b76a1f;color:var(--brand-dark)}.tc-live{background:var(--green-bg);color:var(--brand-dark)}.mini-chart{width:100%;height:120px}.subfoot{margin-top:18px;display:flex;font-size:11.5px;color:var(--ink-3);gap:8px}.subfoot .right{margin-left:auto}.detail-kv{display:grid;grid-template-columns:auto 1fr;gap:5px 14px;font-size:11.5px;padding:0 16px 12px}.detail-kv dt{color:var(--ink-3)}.detail-kv dd{font-weight:600;text-align:right}.epg-cell{border-radius:6px;padding:5px 7px;font-size:10px;font-weight:600;background:var(--green-bg);color:var(--brand-dark);white-space:nowrap}[data-theme=dark] .epg-cell{color:#3bd98a}.epg-cell.gap{background:var(--orange-bg);color:var(--orange);border:1px dashed var(--orange)}.epg-cell.missing{background:var(--red-bg);color:var(--red);border:1px dashed var(--red)}.hm-grid{display:grid;grid-template-columns:34px repeat(12,1fr);gap:3px;font-size:9px;color:var(--ink-3)}.hm-cell{aspect-ratio:1.6/1;border-radius:3px;background:#1a73e8;min-height:14px}.hm-lab{align-self:center}.hm-col{text-align:center;padding-bottom:2px}.hm-sw{display:inline-block;width:12px;height:10px;border-radius:2px;background:#1a73e8}.tgl{width:34px;height:19px;border-radius:99px;background:var(--line);border:none;position:relative;transition:background .15s;flex-shrink:0}.tgl:after{content:"";position:absolute;top:2px;left:2px;width:15px;height:15px;border-radius:50%;background:#fff;transition:left .15s;box-shadow:0 1px 2px #00000040}.tgl.on{background:var(--brand)}.tgl.on:after{left:17px}.mv-tile{position:relative;aspect-ratio:16/9;border-radius:8px;display:grid;place-items:center;color:#fff;font-weight:800;font-size:14px}.mv-tile .live{position:absolute;top:6px;left:6px;background:var(--red);color:#fff;font-size:8px;font-weight:800;padding:1px 6px;border-radius:4px}.mv-tile .mv-name{position:absolute;bottom:6px;left:8px;font-size:10px;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.6)}.chat-box{display:flex;gap:8px;padding:12px 16px 16px}.chat-box input{flex:1;border:1px solid var(--line);border-radius:9px;padding:9px 12px;font:inherit;font-size:13px;background:var(--bg);color:var(--ink);outline:none}.chip{border:1px solid var(--line);background:var(--card);color:var(--ink-2);border-radius:99px;padding:5px 12px;font-size:11.5px;font-weight:600;cursor:pointer}.chip:hover{background:var(--line-soft)}.tl-wrap{position:relative;padding:4px 0 2px}.tl-row{display:grid;grid-template-columns:18px 116px 1fr 24px;gap:8px;align-items:center;margin-bottom:6px}.tl-num{font-size:11px;color:var(--ink-3);font-weight:600;text-align:center}.tl-time{font-size:10.5px;color:var(--ink-3);font-variant-numeric:tabular-nums;white-space:nowrap}.tl-bar{border-radius:8px;padding:7px 10px;display:flex;align-items:center;gap:8px;font-size:11.5px;border:1px solid transparent;min-width:0}.tl-bar .tl-tt{min-width:0}.tl-bar b{display:block;font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tl-bar span.tl-sub{font-size:10px;opacity:.75;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.tl-bar .dur{margin-left:auto;font-size:10.5px;font-weight:700;white-space:nowrap;display:flex;align-items:center;gap:5px}.tl-ico{width:22px;height:16px;border-radius:4px;display:grid;place-items:center;font-size:7px;font-weight:800;color:#fff;flex-shrink:0}.tlb-bumper{background:#1a73e81a;border-color:#1a73e840;color:var(--blue)}.tlb-content{background:#1a73e812;border-color:var(--line);color:var(--ink)}.tlb-ad{background:var(--red-bg);border-color:#f044384d;color:var(--red)}.tlb-promo{background:#7a5af81a;border-color:#7a5af840;color:var(--purple)}.tlb-kids{background:var(--orange-bg);border-color:#f790094d;color:var(--orange)}.tlb-filler{background:#7a5af812;border-color:#7a5af833;color:var(--purple)}.tlb-live{background:var(--green-bg);border-color:#12b76a4d;color:var(--brand-dark)}.tl-kebab{background:none;border:none;color:var(--ink-3);font-size:14px;line-height:1;cursor:pointer}.now-line{position:absolute;top:26px;bottom:6px;left:52%;width:2px;background:var(--red);z-index:2;pointer-events:none}.now-pill{position:absolute;top:0;left:52%;transform:translate(-50%);background:var(--red);color:#fff;font-size:9px;font-weight:800;padding:2px 8px;border-radius:5px;z-index:3;white-space:nowrap}.tl-legend{display:flex;gap:12px;flex-wrap:wrap;font-size:10px;color:var(--ink-3);padding:8px 0 0}.tl-legend i{display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:4px}.asset-row{display:flex;align-items:center;gap:8px;padding:7px 0;border-bottom:1px solid var(--line-soft);font-size:12px}.asset-row:last-child{border-bottom:none}.drag{color:var(--ink-3);cursor:grab;font-size:12px;letter-spacing:-1px}.preview-bar{height:4px;border-radius:99px;background:var(--line-soft);overflow:hidden;margin-top:6px}.preview-bar i{display:block;height:100%;width:15%;background:var(--brand)}.hdots{display:flex;gap:3px;margin-top:3px}.hdots i{width:6px;height:6px;border-radius:50%;background:var(--green)}.hdots i.warn{background:var(--orange)}.hdots i.bad{background:var(--red)}.hdots i.off{background:var(--line)}.url-panel{display:grid;grid-template-columns:1fr 260px;gap:12px;background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:12px;margin:2px 0 6px}.url-line{display:grid;grid-template-columns:78px 1fr auto;gap:10px;align-items:center;padding:5px 0;border-bottom:1px solid var(--line-soft);font-size:11px}.url-line:last-child{border-bottom:none}.url-line code{font-size:10.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink-2)}.url-health{border-left:1px solid var(--line);padding-left:12px;font-size:11px;color:var(--ink-2)}.mv-card{padding:0;overflow:hidden}.mv-card .mv-tile{position:relative;height:150px;display:flex;align-items:center;justify-content:center}.mv-card .mv-tile .live{position:absolute;top:8px;left:8px;color:#fff;font-size:9.5px;font-weight:800;letter-spacing:.5px;padding:2px 8px;border-radius:4px}.mv-logo{position:absolute;top:8px;right:34px;background:#ffffff24;color:#fff;font-size:10px;font-weight:800;padding:2px 8px;border-radius:4px;letter-spacing:.4px}.vu{position:absolute;top:8px;right:6px;bottom:8px;display:flex;gap:3px}.vu>span{display:flex;flex-direction:column-reverse;gap:2px}.vu i{width:7px;height:100%;flex:1;border-radius:1.5px}.vu i.g{background:#22c55e}.vu i.y{background:#eab308}.vu i.r{background:#ef4444}.vu i.off{background:#ffffff1f}.mv-nosig{background:#0b0f16}.nosig-txt{color:#cbd5e1;font-size:9px;font-weight:800;letter-spacing:1px;text-align:center;padding:0 40px;line-height:1.7}.nosig-txt span{font-weight:500;font-size:8px;letter-spacing:.2px;color:#64748b;text-transform:none}.mv-info{display:flex;align-items:center;gap:7px;padding:9px 12px 2px;font-size:12px}.mv-dot{width:8px;height:8px;border-radius:50%;flex:none}.mv-pin{cursor:pointer;color:var(--ink-3);font-size:13px}.mv-pin.on{color:var(--blue)}.mv-res{margin-left:auto;font-size:11px;color:var(--ink-2);font-variant-numeric:tabular-nums}.mv-meta{display:flex;align-items:center;gap:14px;padding:4px 12px 10px;font-size:10.5px;color:var(--ink-3);font-variant-numeric:tabular-nums}.lc-kpi{display:flex;flex-direction:column;gap:3px;padding:8px 16px;min-width:118px;justify-content:center}.lc-kpi .kpi-label{font-size:9.5px}.lc-num{display:flex;align-items:baseline;gap:6px}.lc-num i{width:8px;height:8px;border-radius:50%;align-self:center;flex:none}.lc-num b{font-size:19px;font-weight:800;line-height:1;font-variant-numeric:tabular-nums}.lc-num .kpi-sub{margin:0}#chForm label{font-size:10px;color:var(--ink-2);font-weight:700;letter-spacing:.5px;text-transform:uppercase;display:block}#chForm input[type=text],#chForm select{width:100%;margin-top:4px;box-sizing:border-box}#chForm .hint{font-size:10.5px;color:var(--ink-3);margin-top:3px}#chForm .chk{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:600;color:var(--ink)}.stop-btn{color:var(--red);border-color:var(--red)}.del-btn{color:var(--red)}.ip-head{display:flex;align-items:baseline;gap:10px;padding:10px 2px 6px;border-bottom:1px solid var(--line-soft)}.ip-head b{font-family:monospace;font-size:13.5px;letter-spacing:.3px}.dvr-lb{font-size:10px;color:var(--ink-2);font-weight:700;letter-spacing:.4px;text-transform:uppercase}.rep-rank{width:20px;height:20px;border-radius:6px;background:var(--line-soft);color:var(--ink-2);font-size:10.5px;font-weight:800;display:flex;align-items:center;justify-content:center;flex:none}.ad-kv{display:flex;justify-content:space-between;gap:10px;font-size:11.5px;padding:5px 0;border-bottom:1px solid var(--line-soft)}.ad-kv span:first-child{color:var(--ink-3)}.ad-kv b{text-align:right}.ad-step{flex:1;min-width:118px;border:1px solid var(--line);border-radius:9px;padding:9px 10px;display:flex;flex-direction:column;gap:3px}.ad-step b{font-size:11px}.ad-step span{font-size:9.5px;color:var(--ink-3);line-height:1.4}.ad-arrow{align-self:center;color:var(--ink-3);font-size:14px;flex:none}.kpis.c7{display:grid;grid-template-columns:repeat(7,1fr);gap:12px;margin-bottom:14px}.ap-ch{display:flex;align-items:center;gap:8px;padding:9px 12px;cursor:pointer;border-left:3px solid transparent}.ap-ch:hover{background:var(--line-soft)}.ap-ch.on{background:var(--line-soft);border-left-color:var(--green)}.ap-ch i{width:7px;height:7px;border-radius:50%;flex:none}.ap-ch .grow{flex:1;min-width:0}.ap-ch b{display:block;font-size:12px}.ap-ch .grow span{font-size:10px;color:var(--ink-3)}.ap-sz{text-align:right;font-size:9px;color:var(--ink-3)}.ap-sz b{display:block;font-size:10.5px;color:var(--ink-2)}.ap-epg{border:1px solid var(--line);border-radius:8px;padding:7px 10px;background:#1a73e80f}.ap-epg span{display:block;font-size:9px;color:var(--ink-3)}.ap-epg b{font-size:11px;color:var(--blue)}.ap-epg.on{background:#12b76a1a;border-color:#12b76a66}.ap-epg.on b{color:var(--green)}.ap-f{flex:1;height:100%}.ap-mark{position:absolute;top:-20px;transform:translate(-50%);font-size:9px;font-weight:800;color:#fff;padding:1px 8px;border-radius:4px}.ap-mark.in{background:var(--green)}.ap-mark.out{background:var(--ink)}:root,[data-theme=light],[data-theme=dark]{--text: var(--ink);--text-muted: var(--ink-2);--text-faint: var(--ink-3);--surface: var(--card);--surface-alt: var(--line-soft);--sidebar: var(--card);--border: var(--line);--border-strong: var(--ink-3);--accent: var(--brand);--accent-soft: var(--green-bg);--on-accent: #ffffff;--info: var(--blue);--info-soft: var(--line-soft);--warn: var(--orange);--warn-soft: var(--orange-bg);--danger: var(--red);--danger-soft: var(--red-bg);--radius-sm: 8px;--video-bg: #000000}.install-hint{position:fixed;left:12px;right:12px;z-index:80;bottom:calc(12px + env(safe-area-inset-bottom,0px));display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 14px;border-radius:12px;background:var(--card);color:var(--ink);border:1px solid var(--line);box-shadow:0 8px 28px #0f1b2d2e}.install-hint-text{display:flex;flex-direction:column;gap:2px;flex:1 1 180px;min-width:0}.install-hint-text strong{font-size:13.5px;font-weight:650}.install-hint-text span{font-size:12px;color:var(--ink-3)}.install-hint-actions{display:flex;gap:8px;flex:0 0 auto}@media (min-width:641px){.install-hint{display:none}}@media (max-width: 640px){.topbar{padding:8px 12px;gap:8px}.topbar-right{min-width:0;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:8px;padding-bottom:2px}.topbar-right::-webkit-scrollbar{display:none}.topbar-right>*{flex:0 0 auto}.ai-pill{max-width:44vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user .user-meta .email{display:none}.search{min-width:0}}.nav-drawer-wrap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:none}@media (max-width:1000px){.nav-drawer-wrap{display:block}}.nav-drawer-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f1b2d8c;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.nav-drawer{position:absolute;top:0;left:0;bottom:0;width:min(84vw,320px);background:var(--card);border-right:1px solid var(--line);display:flex;flex-direction:column;box-shadow:0 0 40px #0f1b2d47;padding-bottom:env(safe-area-inset-bottom,0px);animation:nav-drawer-in .16s ease-out}@keyframes nav-drawer-in{0%{transform:translate(-100%)}to{transform:none}}@media (prefers-reduced-motion:reduce){.nav-drawer{animation:none}}.nav-drawer-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;border-bottom:1px solid var(--line);flex:0 0 auto}.nav-drawer-body{overflow-y:auto;padding-bottom:16px;flex:1 1 auto;-webkit-overflow-scrolling:touch}.nav-drawer .nav-item{padding-top:11px;padding-bottom:11px;font-size:14px}.nav-drawer .nav-group{margin-bottom:4px}