:root,:root[data-theme=dark]{--color-bg: #0d1424;--color-sidebar: #0b111e;--color-surface: #121a2b;--color-surface-raised: #172033;--color-border: #243046;--color-text: #e6eaf2;--color-text-muted: #8a94a8;--color-accent: #f5a623;--color-accent-contrast: #1a1204;--color-accent-soft: rgba(245, 166, 35, .12);--color-success: #22c55e;--color-success-soft: rgba(34, 197, 94, .14);--color-warning: #f59e0b;--color-danger: #ef4444;--color-info: #3b82f6;color-scheme:dark}:root[data-theme=light]{--color-bg: #f4f6fa;--color-sidebar: #ffffff;--color-surface: #ffffff;--color-surface-raised: #f8fafc;--color-border: #dde3ec;--color-text: #111827;--color-text-muted: #5b6578;--color-accent: #e8951a;--color-accent-contrast: #1a1204;--color-accent-soft: rgba(232, 149, 26, .12);--color-success: #16a34a;--color-success-soft: rgba(22, 163, 74, .12);--color-warning: #d97706;--color-danger: #dc2626;--color-info: #2563eb;color-scheme:light}:root{--font-sans: "Fira Sans", system-ui, sans-serif;--font-size-xs: 11px;--font-size-sm: 12px;--font-size-md: 14px;--font-size-lg: 18px;--font-size-xl: 22px;--font-size-kpi: 32px;--letter-spacing-label: .08em;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--radius-control: 6px;--radius-card: 8px;--radius-pill: 999px;--sidebar-width: 220px}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:var(--font-size-md);line-height:1.45}button{font:inherit;cursor:pointer}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.app{display:grid;grid-template-columns:var(--sidebar-width) 1fr;min-height:100%}.sidebar{background:var(--color-sidebar);border-right:1px solid var(--color-border);padding:var(--space-4) var(--space-3);display:flex;flex-direction:column;gap:var(--space-5)}.brand-name{font-weight:600;font-size:var(--font-size-md)}.brand-name span{color:var(--color-accent)}.brand-product{color:var(--color-text-muted);font-size:var(--font-size-sm)}.nav-section-title{color:var(--color-text-muted);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-label);text-transform:uppercase;font-weight:600;margin:0 0 var(--space-2) var(--space-2)}.nav-item{display:block;width:100%;text-align:left;background:none;border:none;border-left:2px solid transparent;border-radius:var(--radius-control);color:var(--color-text);padding:var(--space-2) var(--space-3)}.nav-item:hover:not(:disabled){background:var(--color-surface-raised)}.nav-item:disabled{color:var(--color-text-muted);cursor:not-allowed}.nav-item[aria-current=page]{background:var(--color-accent-soft);color:var(--color-accent);border-left-color:var(--color-accent)}.main{display:flex;flex-direction:column;min-width:0}.header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border)}.header h1{font-size:var(--font-size-xl);font-weight:600;margin:0}.breadcrumb{color:var(--color-text-muted);font-size:var(--font-size-sm)}.content{padding:var(--space-5);display:grid;gap:var(--space-4)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:var(--space-4)}.card-title{font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-label);text-transform:uppercase;font-weight:600;color:var(--color-text-muted);margin:0 0 var(--space-3)}.badge{display:inline-block;padding:2px var(--space-2);border-radius:var(--radius-pill);font-size:var(--font-size-xs);background:var(--color-surface-raised);color:var(--color-text-muted)}.badge-success{background:var(--color-success-soft);color:var(--color-success)}.badge-warning{border:1px solid var(--color-warning);color:var(--color-warning);background:none}.btn{border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface-raised);color:var(--color-text);padding:var(--space-2) var(--space-4)}.btn-primary{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-contrast);font-weight:600}.row{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.muted{color:var(--color-text-muted)}.player{width:100%;max-width:640px;aspect-ratio:16 / 9;background:var(--color-bg);border-radius:var(--radius-control)}.sidebar-bottom{margin-top:auto}.center-page{min-height:100%;display:grid;place-items:center;padding:var(--space-4)}.auth-card{width:100%;max-width:400px;display:grid;gap:var(--space-3)}.auth-card .badge{justify-self:start}.auth-title{font-size:var(--font-size-xl);font-weight:600;margin:var(--space-3) 0 0}.form{display:grid;gap:var(--space-3);max-width:420px}.field{display:grid;gap:var(--space-1);font-size:var(--font-size-sm);color:var(--color-text-muted)}.field-inline{min-width:180px}.field input,.field select{font:inherit;font-size:var(--font-size-md);color:var(--color-text);background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-control);padding:var(--space-2) var(--space-3)}.alert{margin:0;padding:var(--space-2) var(--space-3);border-radius:var(--radius-control);border:1px solid}.alert-danger{color:var(--color-danger);border-color:var(--color-danger)}.alert-success{color:var(--color-success);border-color:var(--color-success)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-small{padding:var(--space-1) var(--space-2);font-size:var(--font-size-sm)}.btn-link{background:none;border:none;color:var(--color-text-muted);text-decoration:underline;justify-self:start;padding:0}.badge-danger{border:1px solid var(--color-danger);color:var(--color-danger);background:none}.badge+.badge,td .badge{margin-left:var(--space-2)}.card-highlight{border-color:var(--color-accent)}.otp{font-family:ui-monospace,monospace;font-size:var(--font-size-lg);letter-spacing:.05em;-webkit-user-select:all;user-select:all;margin:0 0 var(--space-2)}.table-wrap{overflow-x:auto}.table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.table th{text-align:left;color:var(--color-text-muted);font-weight:600;font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-label);text-transform:uppercase;padding:var(--space-2);border-bottom:1px solid var(--color-border)}.table td{white-space:nowrap;padding:var(--space-2);border-bottom:1px solid var(--color-border);vertical-align:middle}.actions{white-space:nowrap}.actions .btn+.btn{margin-left:var(--space-1)}@media (max-width: 720px){.app{grid-template-columns:1fr}.sidebar{border-right:none;border-bottom:1px solid var(--color-border)}.header,.content{padding:var(--space-4)}}.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4)}.tile{display:grid;gap:var(--space-3)}.card-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.card-heading{font-size:var(--font-size-lg);font-weight:600;margin:0}.segmented{display:inline-flex;border:1px solid var(--color-border);border-radius:var(--radius-control);overflow:hidden}.segmented button{background:var(--color-surface-raised);color:var(--color-text);border:none;padding:var(--space-2) var(--space-4)}.segmented button+button{border-left:1px solid var(--color-border)}.segmented button[aria-pressed=true]{background:var(--color-accent);color:var(--color-accent-contrast);font-weight:600}.segmented button:disabled{opacity:.5;cursor:not-allowed}.player-wrap{position:relative;max-width:960px}.player-wrap .player,.player.placeholder{max-width:960px}.player.placeholder{display:grid;place-items:center;border:1px dashed var(--color-border);text-align:center;padding:var(--space-4)}.player-status{position:absolute;left:var(--space-3);bottom:var(--space-6);margin:0;padding:var(--space-1) var(--space-2);border-radius:var(--radius-control);background:#0009;color:#fff;font-size:var(--font-size-sm)}.stream-actions{margin-top:var(--space-3)}.btn-large{padding:var(--space-3) var(--space-6)}.alert-info{color:var(--color-info);border-color:var(--color-info);margin-bottom:var(--space-3);display:flex;justify-content:space-between;gap:var(--space-3)}.alert-danger{margin-bottom:var(--space-3)}.alert-close{font-size:var(--font-size-sm)}.nav-dot{display:inline-block;width:8px;height:8px;margin-left:var(--space-2);border-radius:var(--radius-pill);background:var(--color-success)}.form-list{display:grid;gap:var(--space-3)}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:grid;place-items:center;padding:var(--space-4);z-index:10}.dialog{max-width:440px;width:100%;display:grid;gap:var(--space-3);border-color:var(--color-accent)}.dialog-title{font-size:var(--font-size-lg);margin:0}.kpi{font-size:var(--font-size-kpi);font-weight:600;margin:0 0 var(--space-2)}.kpi-sub{font-size:var(--font-size-md);font-weight:400;color:var(--color-text-muted)}.meter{position:relative;height:8px;max-width:480px;border-radius:var(--radius-pill);background:var(--color-surface-raised);border:1px solid var(--color-border);overflow:hidden;margin-bottom:var(--space-3)}.meter-fill{height:100%}.meter-accent{background:var(--color-accent)}.meter-warning{background:var(--color-warning)}.meter-danger{background:var(--color-danger)}.meter-mark{position:absolute;top:0;bottom:0;width:2px;background:var(--color-text-muted)}.small{font-size:var(--font-size-sm)}.player-frame{position:relative;max-width:960px;overflow:hidden;border-radius:var(--radius-control);touch-action:none;cursor:grab}.player-frame .player{display:block;transform-origin:center center}.digital-zoom{margin-top:var(--space-2)}.controls{display:grid;gap:var(--space-4);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.control-group{display:grid;gap:var(--space-2)}.control-label{font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-label);text-transform:uppercase;font-weight:600;color:var(--color-text-muted)}.controls input[type=range]{width:min(320px,100%);accent-color:var(--color-accent)}.btn-active,.btn[aria-pressed=true]{border-color:var(--color-accent);background:var(--color-accent-soft);color:var(--color-accent)}.checkbox{cursor:pointer}.checkbox input{accent-color:var(--color-accent);width:16px;height:16px}.preset-list{list-style:none;padding:0;margin:var(--space-2) 0;display:grid;gap:var(--space-2)}.cabinet-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-4)}.cabinet-name{margin-bottom:var(--space-2)}.snapshot,.series{display:grid;gap:var(--space-2)}.preview{margin:0;display:grid;gap:var(--space-1)}.preview .player{object-fit:contain}.series .field input[type=number]{width:90px}.day-group+.day-group{margin-top:var(--space-4)}.series-tile{text-align:left;color:var(--color-text);cursor:pointer;font:inherit;display:grid;gap:var(--space-1)}.series-tile:hover{border-color:var(--color-accent)}a.btn{display:inline-block;text-decoration:none}