:root{color:#f4f6fa;font-synthesis:none;text-rendering:optimizelegibility;background:#0d1118;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:#0d1118;min-width:320px;margin:0}button,input,select{font:inherit}button{cursor:pointer}.boot-screen,.login-shell{place-items:center;min-height:100vh;display:grid}.boot-screen{font-size:32px;font-weight:800}.login-shell{background:radial-gradient(circle at top,#182130,#0d1118 55%);padding:24px}.login-card{background:#141a24f5;border:1px solid #27303d;border-radius:20px;width:min(100%,420px);padding:34px;box-shadow:0 28px 80px #00000059}.brand-mark{background:#4f76ff;border-radius:14px;place-items:center;width:48px;height:48px;margin-bottom:22px;font-size:24px;font-weight:800;display:grid}.login-card h1{margin:0;font-size:30px}.muted{color:#8c96a7}.login-form{gap:18px;margin-top:30px;display:grid}.login-form label,.filters label{gap:7px;display:grid}.login-form label span,.filters label span{color:#8f99aa;font-size:12px;font-weight:600}input,select{color:#f4f6fa;background:#141a23;border:1px solid #323b49;border-radius:9px;outline:none;min-height:42px;padding:0 12px}input:focus,select:focus{border-color:#6284ff}.primary-button,.secondary-button,.ghost-button{color:#fff;border:0;border-radius:9px;padding:10px 16px}.primary-button{background:#4f76ff;min-height:44px;font-weight:700}.primary-button:disabled{opacity:.6;cursor:wait}.secondary-button{background:#293344}.ghost-button{background:0 0;border:1px solid #303947}.login-error,.error-banner{color:#ffb1bd;background:#29171d;border:1px solid #64313c;border-radius:9px;padding:12px 14px}.app-shell{min-height:100vh}.topbar{z-index:20;background:#11161e;border-bottom:1px solid #242b35;justify-content:space-between;align-items:center;gap:24px;min-height:70px;padding:12px 28px;display:flex;position:sticky;top:0}.brand-title{font-size:20px;font-weight:800}.brand-subtitle{color:#778293;text-transform:uppercase;letter-spacing:.08em;font-size:11px}.user-area{align-items:center;gap:16px;display:flex}.user-meta{text-align:right;display:grid}.user-meta span{color:#7f8998;text-transform:uppercase;font-size:12px}.dashboard{width:min(1600px,100%);margin:0 auto;padding:28px}.dashboard-heading{justify-content:space-between;align-items:end;gap:28px;margin-bottom:24px;display:flex}.dashboard-heading h1{margin:0;font-size:28px}.dashboard-heading p{color:#808b9c;margin:6px 0 0}.filters{flex-wrap:wrap;align-items:end;gap:10px;display:flex}.filters select{min-width:200px}.kpi-grid{grid-template-columns:repeat(6,minmax(150px,1fr));gap:14px;margin-bottom:16px;display:grid}.kpi-card,.panel{background:#131922;border:1px solid #252d39;border-radius:13px}.kpi-card{padding:18px}.kpi-label{color:#818b9b;font-size:12px;font-weight:600}.kpi-value{letter-spacing:-.03em;margin-top:9px;font-size:26px;font-weight:760}.kpi-hint{color:#697383;margin-top:7px;font-size:11px}.tone-positive,.positive{color:#67d7a0}.tone-negative,.negative{color:#ff7b8d}.tone-neutral{color:#dfe5ee}.panel{margin-top:16px;overflow:hidden}.panel-header{border-bottom:1px solid #242c37;justify-content:space-between;align-items:center;gap:24px;padding:18px 20px;display:flex}.panel-header h2{margin:0;font-size:16px}.panel-header p{color:#758091;margin:5px 0 0;font-size:12px}.flow-chart{width:100%;height:390px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:right;white-space:nowrap;border-bottom:1px solid #222a34;padding:13px 16px}th{color:#737e8f;text-transform:uppercase;letter-spacing:.04em;background:#111720;font-size:11px;font-weight:700}th:first-child,td:first-child{text-align:left}tbody tr:hover{background:#171e29}.channel-title{color:#e9edf4;font-weight:600}.channel-id{color:#626d7d;margin-top:3px;font-size:10px}.quality{color:#aeb8c7;border:1px solid #35404e;border-radius:999px;padding:4px 8px;font-size:10px;display:inline-flex}.quality-exact,.quality-event_consistent{color:#71d7ab;border-color:#285d4a}.quality-attention{color:#ff95a3;border-color:#753644}.overlap-scroll{padding-bottom:4px}.overlap-table th,.overlap-table td{text-align:center}.overlap-table tbody th{text-align:left}.overlap-cell strong,.overlap-diagonal{font-weight:700}.overlap-cell small{color:#758091;margin-top:3px;display:block}.overlap-diagonal{color:#7ea0ff;background:#172038}.empty-state{color:#758091;text-align:center;padding:36px}.error-banner{margin-bottom:16px}.loading-overlay{color:#b9c2cf;background:#171e28;border:1px solid #35404e;border-radius:9px;padding:10px 14px;font-size:12px;position:fixed;bottom:22px;right:22px;box-shadow:0 14px 40px #0000004d}@media (width<=1200px){.kpi-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=760px){.dashboard{padding:18px 12px}.topbar{padding:10px 14px}.dashboard-heading{display:grid}.filters{grid-template-columns:1fr 1fr;display:grid}.filters label:first-child{grid-column:1/-1}.kpi-grid{grid-template-columns:repeat(2,1fr)}.user-meta{display:none}}.main-layout{background:#0d1118;grid-template-columns:230px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:#10161e;border-right:1px solid #242c37;flex-direction:column;height:100vh;padding:18px 14px;display:flex;position:sticky;top:0}.sidebar-brand{align-items:center;gap:11px;padding:4px 7px 22px;display:flex}.sidebar-brand strong{font-size:17px;display:block}.sidebar-brand small{color:#687485;font-size:10px}.sidebar-logo{background:#4f76ff;border-radius:10px;place-items:center;width:36px;height:36px;font-weight:800;display:grid}.sidebar-nav{flex:1}.sidebar-section{color:#5e6877;text-transform:uppercase;letter-spacing:.08em;margin:20px 9px 7px;font-size:10px;font-weight:700}.sidebar-link,.sidebar-disabled{color:#8e99aa;border-radius:8px;margin:2px 0;padding:9px 11px;font-size:13px;text-decoration:none;display:block}.sidebar-link:hover{color:#e7ebf2;background:#171e28}.sidebar-link.active{color:#fff;background:#202a3b}.sidebar-disabled{opacity:.4;cursor:default}.sidebar-user{border-top:1px solid #252d38;padding:15px 7px 2px}.sidebar-user strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;display:block;overflow:hidden}.sidebar-user small{color:#687485;text-transform:uppercase;font-size:9px}.sidebar-logout{color:#9ea8b7;background:0 0;border:1px solid #303a48;border-radius:7px;width:100%;margin-top:10px;padding:7px}.content-shell{min-width:0}.page{width:min(1500px,100%);margin:0 auto;padding:30px}.page-header{justify-content:space-between;align-items:end;gap:24px;margin-bottom:22px;display:flex}.page-header h1{margin:5px 0 0;font-size:27px}.page-header p{color:#758091;margin:5px 0 0;font-size:13px}.breadcrumb{color:#7795ff;font-size:12px;text-decoration:none}.summary-grid{grid-template-columns:repeat(6,minmax(130px,1fr));gap:12px;display:grid}.summary-card{background:#131922;border:1px solid #252d39;border-radius:12px;padding:17px}.summary-card span{color:#798495;font-size:11px;display:block}.summary-card strong{margin-top:8px;font-size:24px;display:block}.summary-card .small-summary{font-size:15px;line-height:1.35}.quick-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px;display:grid}.quick-link-card,.group-card{color:#e5e9f0;background:#131922;border:1px solid #252d39;border-radius:12px;padding:20px;text-decoration:none}.quick-link-card:hover,.group-card:hover{background:#161d28;border-color:#39475c}.quick-link-card strong{margin-bottom:7px;display:block}.quick-link-card span{color:#7d8899;font-size:12px}.search-input{width:280px}.table-link{color:#819dff;text-decoration:none}.table-link:hover{text-decoration:underline}.mini-kpi-grid{grid-template-columns:repeat(4,1fr);display:grid}.mini-kpi-grid>div{border-right:1px solid #252d39;padding:20px}.mini-kpi-grid>div:last-child{border-right:0}.mini-kpi-grid span{color:#788394;font-size:11px;display:block}.mini-kpi-grid strong{margin-top:7px;font-size:22px;display:block}.link-list{flex-wrap:wrap;gap:10px;padding:18px;display:flex}.link-list a{color:#9eafff;border:1px solid #303a47;border-radius:8px;padding:8px 11px;text-decoration:none}.group-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.group-card h2{margin:0;font-size:17px}.group-card p{color:#758091;font-size:12px}.group-card-stats{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:20px;display:grid}.group-card-stats span{color:#727d8d;font-size:10px;display:block}.group-card-stats strong{margin-top:5px;font-size:19px;display:block}.link-button{align-items:center;text-decoration:none;display:inline-flex}.date-filter{gap:5px;display:grid}.date-filter span{color:#758091;font-size:10px}@media (width<=1100px){.summary-grid{grid-template-columns:repeat(3,1fr)}.group-card-grid{grid-template-columns:1fr}}@media (width<=760px){.main-layout{display:block}.sidebar{border-bottom:1px solid #242c37;border-right:0;width:auto;height:auto;position:static}.sidebar-nav{gap:4px;display:flex;overflow-x:auto}.sidebar-section,.sidebar-disabled,.sidebar-user{display:none}.page{padding:18px 12px}.page-header{display:grid}.summary-grid,.mini-kpi-grid{grid-template-columns:repeat(2,1fr)}.quick-links{grid-template-columns:1fr}.search-input{width:100%}}.management-form{grid-template-columns:minmax(200px,1fr) minmax(280px,2fr) auto;align-items:end;gap:14px;padding:18px;display:grid}.management-form label,.management-block label{gap:6px;display:grid}.management-form label span,.management-block label span{color:#788394;font-size:11px}.groups-margin{margin-top:16px}.group-management-grid{background:#252d39;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;display:grid}.management-block{background:#131922;align-content:start;gap:13px;padding:20px;display:grid}.management-block h3{margin:0 0 4px;font-size:14px}.danger-text-button{color:#ff8797;background:0 0;border:0;padding:6px 8px}.danger-text-button:hover{text-decoration:underline}.danger-text-button:disabled{opacity:.4;cursor:wait}@media (width<=800px){.management-form,.group-management-grid{grid-template-columns:1fr}}.user-create-grid{grid-template-columns:minmax(180px,1fr) minmax(160px,1fr) 130px minmax(190px,1fr) auto;align-items:end;gap:12px;padding:18px;display:grid}.user-create-grid label{gap:6px;display:grid}.user-create-grid label span{color:#788394;font-size:11px}.table-input{width:180px;min-height:34px}.table-link-button{color:#819dff;background:0 0;border:0;padding:4px}.table-link-button:hover{text-decoration:underline}.switch-label{color:#aeb7c4;align-items:center;gap:7px;font-size:12px;display:inline-flex}.password-reset{align-items:center;gap:5px;display:flex}.password-reset input{width:160px;min-height:34px}.row-actions{align-items:center;gap:7px;display:flex}.session-agent{text-overflow:ellipsis;max-width:300px;overflow:hidden}@media (width<=1100px){.user-create-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.user-create-grid{grid-template-columns:1fr}}