:root{--bg-page: #F1ECE0;--bg-surface: #FBF6EE;--bg-sidebar: #131210;--text-primary: #1F1B16;--text-sidebar: #FBF6EE;--text-muted: #7A7369;--text-subtle: #A89F93;--accent: #D79868;--accent-hover: #C4854E;--accent-subtle: rgba(215, 152, 104, .12);--status-live: #2A7A59;--status-warn: #D79868;--status-error: #B94040;--status-live-bg: rgba(42, 122, 89, .12);--status-error-bg: rgba(185, 64, 64, .12);--border: rgba(31, 27, 22, .12);--border-sidebar: rgba(251, 246, 238, .1);--pair-blue-icon: #2C5F8A;--pair-blue-bg: #DFE0E0;--pair-purple-icon: #7B5EA7;--pair-purple-bg: #EADFE4;--pair-green-icon: #2A7A59;--pair-green-bg: #DFE4D9;--pair-warm-icon: #A86E3F;--pair-warm-bg: #F0E2D5;--team-icon: #2A7A59;--team-bg: #DFE4D9;--chart-1: #2C5F8A;--chart-2: #2A7A59;--chart-3: #D79868;--chart-4: #7B5EA7;--chart-5: #A86E3F;--chart-6: #4A8FA0;--chart-7: #8A4A5F;--font-brand: "Garet", "Montserrat", "Inter", -apple-system, sans-serif;--font-body: "Inter", "Montserrat", -apple-system, sans-serif;--text-xs: 10px;--text-sm: 12px;--text-base: 14px;--text-md: 16px;--text-lg: 20px;--text-xl: 28px;--text-2xl: 36px;--text-3xl: 48px;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--leading: 1.5;--leading-tight: 1.2;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--shadow-sm: 0 1px 2px rgba(31, 27, 22, .04);--shadow-md: 0 2px 8px rgba(31, 27, 22, .08)}*{box-sizing:border-box}body{margin:0;font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading);color:var(--text-primary);background:var(--bg-page)}button{font-family:inherit}.app{display:flex;min-height:100vh;background:var(--bg-page)}.sidebar{width:64px;min-height:100vh;background:var(--bg-sidebar);color:var(--text-sidebar);display:flex;flex-direction:column;align-items:center;padding:var(--space-4) 0;gap:var(--space-3);position:sticky;top:0;align-self:flex-start;height:100vh}.sidebar-brand{width:36px;height:36px;border-radius:var(--radius-sm);background:var(--accent);color:var(--bg-sidebar);display:grid;place-items:center;font-family:var(--font-brand);font-weight:var(--weight-semibold);font-size:var(--text-sm)}.sidebar-nav{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-4)}.sidebar-icon{width:40px;height:40px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--text-subtle);cursor:pointer;font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.5px}.sidebar-icon:hover,.sidebar-icon.active{background:var(--accent-subtle);color:var(--accent)}.main{flex:1;min-width:0}.content{max-width:1240px;margin:0 auto;padding:var(--space-8)}.page-header{margin-bottom:var(--space-6)}.page-header__brand{font-family:var(--font-brand);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--accent);letter-spacing:2px;text-transform:uppercase;margin-bottom:var(--space-2)}.page-header__title{font-family:var(--font-brand);font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--text-primary);line-height:var(--leading-tight);margin:0}.page-header__subtitle{color:var(--text-muted);max-width:680px;margin-top:var(--space-2)}.status-bar{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-8)}.status-chip{display:flex;flex-direction:column;min-width:96px;padding:var(--space-2) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-sm)}.status-chip__label{font-size:var(--text-xs);color:var(--text-subtle);text-transform:uppercase;letter-spacing:.5px}.status-chip__value{color:var(--text-primary);font-weight:var(--weight-medium)}.status-dot{display:inline-block;width:7px;height:7px;border-radius:999px;background:var(--status-live);margin-right:var(--space-1)}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-4);margin-bottom:var(--space-8)}.kpi-card{display:flex;gap:var(--space-4);align-items:flex-start;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-5);box-shadow:var(--shadow-sm)}.kpi-card__icon{width:36px;height:36px;border-radius:var(--radius-sm);display:grid;place-items:center;color:var(--team-icon);background:var(--team-bg);font-weight:var(--weight-semibold);font-size:var(--text-sm)}.kpi-card__label{font-size:var(--text-sm);color:var(--text-muted)}.kpi-card__value{font-size:var(--text-2xl);line-height:var(--leading-tight);font-weight:var(--weight-semibold);color:var(--text-primary)}.kpi-card__delta{font-size:var(--text-sm);color:var(--text-muted)}.kpi-card__delta.is-positive{color:var(--status-live)}.kpi-card__delta.is-negative{color:var(--status-error)}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-5);box-shadow:var(--shadow-sm);margin-bottom:var(--space-6)}.card__title{font-size:var(--text-md);font-weight:var(--weight-semibold);color:var(--text-primary);margin:0}.card__subtitle{font-size:var(--text-sm);color:var(--text-muted);margin-top:var(--space-1)}.card__head{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-4)}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}th,td{padding:var(--space-3);border-bottom:1px solid var(--border);text-align:left;white-space:nowrap}th{color:var(--text-muted);font-weight:var(--weight-semibold)}td{color:var(--text-primary)}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}.empty-state,.error-state,.loading-state{padding:var(--space-8);border:1px dashed var(--border);border-radius:var(--radius-md);color:var(--text-muted);text-align:center}.error-state{color:var(--status-error)}.badge{display:inline-block;padding:2px var(--space-2);border-radius:999px;font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.3px;text-transform:uppercase}.badge--healthy,.badge--within,.badge--info{color:var(--status-live);background:var(--status-live-bg)}.badge--watch,.badge--warning,.badge--partial{color:var(--pair-warm-icon);background:var(--accent-subtle)}.badge--critical,.badge--over,.badge--no{color:var(--status-error);background:var(--status-error-bg)}.badge--yes{color:var(--status-live);background:var(--status-live-bg)}.badge--slob{color:var(--text-muted);background:var(--border)}.filter-bar{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4)}.filter-bar select{padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-surface);color:var(--text-primary);font-size:var(--text-sm)}.filter-bar label{font-size:var(--text-xs);color:var(--text-subtle);display:flex;flex-direction:column;gap:var(--space-1)}.btn{padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-surface);color:var(--text-primary);cursor:pointer;font-size:var(--text-sm);font-weight:var(--weight-medium)}.btn:hover{background:var(--accent-subtle)}.btn--primary{background:var(--accent);border-color:var(--accent);color:var(--bg-surface)}.btn--primary:hover{background:var(--accent-hover)}.btn--danger{color:var(--status-error);border-color:var(--status-error);background:transparent}.btn--danger:hover{background:var(--status-error-bg)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-row{display:flex;gap:var(--space-2)}.norm-row{display:grid;grid-template-columns:120px 1fr 90px;align-items:center;gap:var(--space-3);padding:var(--space-2) 0}.norm-row__label{font-size:var(--text-sm);color:var(--text-muted)}.norm-row__track{height:8px;border-radius:999px;background:var(--border);overflow:hidden}.norm-row__fill{height:100%;border-radius:999px;background:var(--chart-2)}.norm-row__fill.is-over{background:var(--status-warn)}.norm-row__value{font-size:var(--text-sm);font-weight:var(--weight-medium);text-align:right}.alert-row{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) 0;border-bottom:1px solid var(--border)}.alert-row:last-child{border-bottom:0}.alert-row__message{flex:1}.alert-row__time{font-size:var(--text-xs);color:var(--text-subtle);white-space:nowrap}.sidebar--wide{width:248px;align-items:stretch;padding:var(--space-4)}.sidebar-top{display:flex;align-items:center;gap:var(--space-3);padding:0 var(--space-1)}.hamburger{width:40px;height:40px;flex:0 0 40px;border:0;border-radius:var(--radius-sm);background:transparent;cursor:pointer;display:grid;place-content:center;gap:4px}.hamburger span{display:block;width:18px;height:2px;border-radius:2px;background:var(--text-sidebar)}.hamburger:hover{background:var(--accent-subtle)}.hamburger:hover span{background:var(--accent)}.sidebar-wordmark__name{font-family:var(--font-brand);font-weight:var(--weight-semibold);font-size:var(--text-md);color:var(--text-sidebar);line-height:var(--leading-tight)}.sidebar-wordmark__sub{font-size:var(--text-xs);color:var(--text-subtle)}.sidebar-scroll{overflow-y:auto;flex:1;min-height:0;margin-top:var(--space-2)}.nav-section{margin-top:var(--space-5);display:flex;flex-direction:column;gap:2px}.nav-section__label{font-size:var(--text-xs);color:var(--text-subtle);text-transform:uppercase;letter-spacing:1px;padding:0 var(--space-2) var(--space-2)}.nav-item{display:flex;align-items:center;gap:var(--space-3);width:100%;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--text-subtle);cursor:pointer;padding:var(--space-2);font-size:var(--text-sm);text-align:left}.nav-item:hover,.nav-item.active{background:var(--accent-subtle);color:var(--accent)}.nav-item__initial{flex:0 0 28px;height:28px;border-radius:var(--radius-sm);display:grid;place-items:center;font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.5px;background:#fbf6ee0f}.nav-item.active .nav-item__initial{background:var(--accent);color:var(--bg-sidebar)}.nav-item__label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-item--disabled{cursor:default;opacity:.45}.nav-item--disabled:hover{background:transparent;color:var(--text-subtle)}.chip-soon{font-size:var(--text-xs);color:var(--text-subtle);border:1px solid var(--border-sidebar);border-radius:999px;padding:0 var(--space-2)}.channel-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-4)}.channel-card{border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4)}.channel-card__name{font-weight:var(--weight-semibold);color:var(--text-primary);margin-bottom:var(--space-3)}.channel-card__subs{display:flex;flex-wrap:wrap;gap:var(--space-2)}.channel-chip{font-size:var(--text-sm);color:var(--text-muted);border:1px solid var(--border);border-radius:999px;padding:2px var(--space-3);background:var(--bg-page)}.row-click{cursor:pointer}.row-click:hover td{background:var(--accent-subtle)}