:root{color-scheme:dark;--bg:#0f1214;--bg-elevated:#15191c;--surface:#1a1e22;--surface-2:#14181b;--surface-hover:#22282e;--surface-sunken:#0c0f11;--border:#2a3138;--border-strong:#3a434c;--text:#eef2f6;--text-muted:#a3afbb;--text-subtle:#c3ccd6;--text-faint:#7d8995;--primary:#2f80ed;--primary-hover:#4a92f2;--primary-contrast:#fff;--primary-soft:rgba(47,128,237,.16);--success:#2ea36a;--success-bg:#173826;--success-border:#2f6b4a;--success-text:#bff0d4;--warning:#d29922;--warning-bg:#2e2612;--warning-border:#6b5a2a;--warning-text:#f3e3b5;--danger:#c24545;--danger-hover:#d25656;--danger-bg:#351a1a;--danger-border:#6e3434;--danger-text:#ffb4b4;--info-bg:#1b2a3d;--info-text:#c9defa;--neutral-bg:#3a4049;--neutral-text:#e6ebf0;--badge-scheduled:#35506f;--badge-live:#1d6b42;--badge-ended:#6b5530;--badge-archived:#4b525c;--badge-danger:#9b3535;--badge-warn:#84641a;--focus-ring:#7cb4ff;--overlay:rgba(0,0,0,.64);--shadow-sm:0 1px 2px rgba(0,0,0,.3);--shadow-lg:0 24px 80px rgba(0,0,0,.45);--code-bg:#0c0f12;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--radius-sm:6px;--radius:8px;--radius-lg:12px;--radius-pill:999px;--font-sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Noto Sans","Noto Sans Arabic",sans-serif;--font-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;--text-xs:12px;--text-sm:13px;--text-base:15px;--text-lg:18px;--text-xl:22px;--text-2xl:26px;--leading:1.5;--control-height:40px;--sidebar-width:240px;--transition:150ms ease;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading)}@media (prefers-color-scheme:light){:root{color-scheme:light;--bg:#f4f6f9;--bg-elevated:#fff;--surface:#fff;--surface-2:#f7f9fb;--surface-hover:#eef2f6;--surface-sunken:#eef1f5;--border:#dbe1e8;--border-strong:#c3ccd6;--text:#111820;--text-muted:#4e5a66;--text-subtle:#33404c;--text-faint:#6b7682;--primary:#1f6fd6;--primary-hover:#185db5;--primary-soft:rgba(31,111,214,.12);--success:#1e7d4e;--success-bg:#e6f5ec;--success-border:#9fd3b6;--success-text:#14532f;--warning:#9a6b00;--warning-bg:#fff6e0;--warning-border:#e8c97a;--warning-text:#5c4300;--danger:#b3261e;--danger-hover:#951f19;--danger-bg:#fdecec;--danger-border:#f0b4b0;--danger-text:#8c1d18;--info-bg:#e7f0fc;--info-text:#133d73;--neutral-bg:#e3e8ee;--neutral-text:#26313c;--badge-scheduled:#2e5a8c;--badge-live:#1a7243;--badge-ended:#7a5a1e;--badge-archived:#5b6470;--badge-danger:brown;--badge-warn:#8a6100;--focus-ring:#1f6fd6;--overlay:rgba(15,23,32,.45);--shadow-sm:0 1px 2px rgb(16 24 40/8%);--shadow-lg:0 24px 60px rgba(16,24,40,.18);--code-bg:#f1f4f8}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);margin:0;min-height:100vh}a{color:inherit;text-decoration:none}.muted a:not(.button),p a:not(.button),td a:not(.button){color:var(--primary);text-decoration:underline;text-underline-offset:2px}button,input,select,textarea{color:inherit;font:inherit}h1,h2,h3,h4{letter-spacing:0;line-height:1.25;margin:0}h2{font-size:var(--text-lg);font-weight:650}h3{font-size:16px}h3,h4{font-weight:600}h4{font-size:var(--text-base)}p{margin:0 0 var(--space-2)}p:last-child{margin-bottom:0}code,kbd,pre{font-family:var(--font-mono);font-size:.92em}strong{font-weight:650}fieldset{border:0;margin:0;min-width:0;padding:0}:focus{outline:none}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}summary:focus-visible{border-radius:var(--radius-sm)}::selection{background:var(--primary-soft)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;transition-duration:.01ms!important}}.muted{color:var(--text-muted)}.centered{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:var(--space-6)}.visually-hidden{clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.app-shell{display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr);min-height:100vh}.sidebar{background:var(--bg-elevated);-webkit-border-end:1px solid var(--border);border-inline-end:1px solid var(--border);padding:var(--space-5) var(--space-4)}.brand{border-radius:var(--radius-sm);display:block;font-size:var(--text-lg);font-weight:700;letter-spacing:.01em;margin-bottom:var(--space-6);padding:var(--space-1) var(--space-3)}.brand:before{background:var(--success);border-radius:var(--radius-pill);box-shadow:0 0 0 3px rgba(46,163,106,.25);content:"";display:inline-block;height:8px;-webkit-margin-end:10px;margin-inline-end:10px;vertical-align:middle;width:8px}.nav-list{display:grid;grid-gap:var(--space-5);gap:var(--space-5)}.nav-section{display:grid;grid-gap:2px;gap:2px}.nav-section-label{color:var(--text-faint);font-size:11px;font-weight:700;letter-spacing:.08em;margin-bottom:var(--space-1);padding:0 var(--space-3);text-transform:uppercase}.nav-link{-webkit-border-start:3px solid transparent;border-inline-start:3px solid transparent;border-radius:var(--radius-sm);color:var(--text-subtle);display:block;font-size:14px;padding:9px var(--space-3);transition:background var(--transition),color var(--transition)}.nav-link:hover{background:var(--surface-hover);color:var(--text)}.nav-link.active{background:var(--primary-soft);border-inline-start-color:var(--primary);color:var(--text);font-weight:600}.nav-link.disabled,.nav-link.disabled:hover{background:transparent;color:var(--text-faint);cursor:not-allowed}.main-area{min-width:0}.topbar{align-items:center;background:var(--bg-elevated);border-bottom:1px solid var(--border);display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:space-between;min-height:72px;padding:var(--space-4) var(--space-6)}.topbar h1{font-size:var(--text-xl);font-weight:700}.topbar p{color:var(--text-muted);font-size:var(--text-sm);margin:2px 0 0;overflow-wrap:anywhere}.content{display:grid;grid-gap:var(--space-5);gap:var(--space-5);margin:0 auto;max-width:1440px;padding:var(--space-6);width:100%}.section{display:grid;grid-gap:var(--space-3);gap:var(--space-3)}.login-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);max-width:420px;padding:var(--space-8) 28px;width:100%}.login-panel h1{font-size:var(--text-2xl);font-weight:700;margin:0}.login-panel p{color:var(--text-muted);margin:var(--space-2) 0 var(--space-4)}.form{display:grid;grid-gap:var(--space-4);gap:var(--space-4)}.field{display:grid;grid-gap:6px;gap:6px}.field>legend,.field>span:first-child{color:var(--text-subtle);font-size:var(--text-sm);font-weight:500}.field span.muted{font-size:var(--text-sm)}.input,.select{background:var(--surface-sunken);border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--text);min-height:var(--control-height);padding:9px 11px;transition:border-color var(--transition),box-shadow var(--transition);width:100%}.input::placeholder{color:var(--text-faint)}.input:hover,.select:hover{border-color:var(--text-faint)}.input:focus,.input:focus-visible,.select:focus,.select:focus-visible{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft);outline:2px solid transparent}.input:disabled,.select:disabled{cursor:not-allowed;opacity:.6}.input[aria-invalid=true]{border-color:var(--danger)}textarea.input{font:inherit;line-height:var(--leading);min-height:80px;resize:vertical}input[type=checkbox],input[type=radio]{accent-color:var(--primary);flex:none;height:16px;margin:0;width:16px}.checkbox-row{align-items:center;cursor:pointer;display:flex;gap:10px;line-height:1.4;min-height:32px}.checkbox-row:has(input:disabled){color:var(--text-muted);cursor:not-allowed}.checkbox-group{display:flex;flex-wrap:wrap;gap:var(--space-4)}.inline-field{align-items:center;display:flex;gap:10px}.inline-field .input,.inline-field .select{flex:1 1;min-width:0}.filter-bar{align-items:flex-end;display:grid;grid-gap:var(--space-3);gap:var(--space-3);grid-template-columns:minmax(0,2fr) repeat(2,minmax(0,1fr)) auto}.button{align-items:center;background:var(--primary);border:1px solid transparent;border-radius:var(--radius-sm);color:var(--primary-contrast);cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:6px;justify-content:center;line-height:1.2;min-height:38px;padding:9px 14px;text-align:center;transition:background var(--transition),border-color var(--transition),box-shadow var(--transition);white-space:nowrap}.button:hover{background:var(--primary-hover)}.button:active{transform:translateY(1px)}.button.secondary{background:var(--surface);border-color:var(--border-strong);color:var(--text)}.button.secondary:hover{background:var(--surface-hover);border-color:var(--text-faint)}.button.danger{background:var(--danger);border-color:transparent;color:#fff}.button.danger:hover{background:var(--danger-hover)}.button.secondary.danger{background:transparent;border-color:var(--danger-border);color:var(--danger-text)}.button.secondary.danger:hover{background:var(--danger-bg)}.button:disabled,.button:disabled:hover{cursor:not-allowed;opacity:.55;transform:none}.button.disabled,.button.disabled:hover{cursor:not-allowed;opacity:.55}.actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.item-card,.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);min-width:0;padding:var(--space-5)}.panel>.row:first-child h2,.panel>h2:first-child{margin-bottom:2px}.panel-subtle{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);min-width:0;padding:14px}.grid{display:grid;grid-gap:14px;gap:14px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.list{display:grid;grid-gap:var(--space-3);gap:var(--space-3)}.row{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}.row>div{min-width:0}.meta{align-items:center;color:var(--text-muted);display:flex;flex-wrap:wrap;font-size:var(--text-sm);gap:6px var(--space-3)}.meta>span{overflow-wrap:anywhere}.stat-card{align-content:start;display:grid;grid-gap:var(--space-1);gap:var(--space-1)}.stat-card .muted:first-child{font-size:var(--text-sm);font-weight:500;letter-spacing:.02em}.stat-card h2{font-size:30px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:700;line-height:1.15;margin:0;overflow-wrap:anywhere}.stat-card p{color:var(--text-muted);font-size:var(--text-sm);margin:0}.stat-card-link{transition:background var(--transition),border-color var(--transition),box-shadow var(--transition)}.stat-card-link:hover{background:var(--surface-hover);border-color:var(--border-strong)}.details-panel>summary{color:var(--text);cursor:pointer;font-size:var(--text-lg);font-weight:700}.details-panel[open]>summary{margin-bottom:14px}summary::marker{color:var(--text-faint)}.badge{align-items:center;background:var(--badge-archived);border-radius:var(--radius-pill);color:#fff;display:inline-flex;font-size:var(--text-xs);font-weight:600;letter-spacing:.02em;line-height:1.4;padding:2px 9px;white-space:nowrap}.badge.scheduled{background:var(--badge-scheduled)}.badge.live{background:var(--badge-live)}.badge.ended{background:var(--badge-ended)}.badge.archived{background:var(--badge-archived)}.badge.danger{background:var(--badge-danger)}.state-badge{background:var(--badge-archived);border-radius:var(--radius-pill);color:#fff;display:inline-block;font-size:var(--text-xs);font-weight:700;letter-spacing:.04em;padding:3px 10px;text-transform:uppercase}.state-badge.ok{background:var(--badge-live)}.state-badge.warn{background:var(--badge-warn)}.state-badge.fail{background:var(--badge-danger)}.state-badge.unknown{background:var(--badge-archived)}.role-list{display:flex;flex-wrap:wrap;gap:6px}.status-pill{border:1px solid transparent;border-radius:var(--radius-pill);font-size:var(--text-sm);font-weight:600;justify-self:start;padding:6px 12px}.status-pill.loading{background:var(--info-bg);color:var(--info-text)}.status-pill.playing{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}.status-pill.error{background:var(--danger-bg);border-color:var(--danger-border)}.error,.status-pill.error{color:var(--danger-text)}div.error,p.error{background:var(--danger-bg);border:1px solid var(--danger-border);border-radius:var(--radius-sm);padding:10px 12px}.notice{background:var(--success-bg);border:1px solid var(--success-border);border-radius:var(--radius-sm);color:var(--success-text);padding:10px 12px}.stale-banner{background:var(--warning-bg);border:1px solid var(--warning-border);border-radius:var(--radius-sm);color:var(--warning-text);padding:10px 12px}.empty-state{border:1px dashed var(--border-strong);border-radius:var(--radius);color:var(--text-muted);padding:var(--space-5) var(--space-4);text-align:center}td.empty-state{-webkit-border-start:0;border-inline-start:0;-webkit-border-end:0;border-inline-end:0;border-top:0;border-radius:0}.loading-state{align-items:center;color:var(--text-muted);display:flex;gap:10px}.loading-state:before{animation:slo-spin .8s linear infinite;border-radius:50%;border:2px solid var(--border-strong);border-top-color:var(--primary);content:"";height:14px;width:14px}@keyframes slo-spin{to{transform:rotate(1turn)}}.table-wrap{-webkit-overflow-scrolling:touch;border:1px solid var(--border);border-radius:var(--radius);max-width:100%;overflow-x:auto}.table-wrap>.error{border-radius:0;margin:0}table{border-collapse:collapse;font-size:14px;min-width:900px;width:100%}td,th{border-bottom:1px solid var(--border);padding:10px 12px;text-align:start;vertical-align:top}th{background:var(--surface-2);color:var(--text-muted);font-size:var(--text-xs);font-weight:700;letter-spacing:.05em;position:-webkit-sticky;position:sticky;text-transform:uppercase;top:0;white-space:nowrap}tbody tr:last-child td{border-bottom:0}tbody tr:hover td{background:var(--surface-hover)}td{overflow-wrap:anywhere}.compact-table table,.permissions-content table{min-width:720px}.table-wrap.compact table{min-width:0}.code-box{background:var(--code-bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-subtle);font-family:var(--font-mono);font-size:var(--text-sm);overflow-x:auto;padding:10px 12px;white-space:nowrap}.code-box.disabled{color:var(--text-faint);opacity:.75}.modal-backdrop{align-items:center;background:var(--overlay);display:flex;inset:0;justify-content:center;position:fixed;z-index:40}.confirm-modal,.modal-backdrop{overflow-y:auto;padding:var(--space-6)}.confirm-modal{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:grid;grid-gap:18px;gap:18px;max-height:calc(100vh - 48px);max-width:460px;width:100%}.confirm-modal h2{font-size:var(--text-lg)}.confirm-modal p{margin:0}.event-create-modal{max-width:720px}.modal-actions{border-top:1px solid var(--border);justify-content:flex-end;padding-top:var(--space-4)}.guide-grid{display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(5,minmax(0,1fr))}.protocol-grid{display:grid;grid-gap:var(--space-3);gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr))}.preset-card,.protocol-card{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);display:grid;grid-gap:10px;gap:10px;min-width:0;padding:14px}.protocol-card.active{border-color:var(--success-border)}.preset-card.planned,.protocol-card.planned{opacity:.82}.preset-grid,.protocol-summary,.security-grid{display:grid;grid-gap:var(--space-3);gap:var(--space-3);grid-template-columns:repeat(4,minmax(0,1fr))}.protocol-summary,.security-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.preset-card span{color:var(--text-muted);font-size:var(--text-sm)}.event-card{-webkit-border-start:4px solid var(--badge-scheduled);border-inline-start:4px solid var(--badge-scheduled);display:grid;grid-gap:var(--space-4);gap:var(--space-4)}.event-card.live{border-inline-start-color:var(--badge-live)}.event-card.ended{border-inline-start-color:var(--badge-ended)}.site-map{background:var(--surface-sunken);border:1px solid var(--border);border-radius:var(--radius);height:min(70vh,640px);margin:var(--space-3) 0;overflow:hidden;width:100%}.map-counts{display:flex;gap:6px}.map-toolbar{align-items:flex-end;display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-3)}.map-toolbar .select{width:auto}.map-cursor{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;-webkit-margin-start:auto;margin-inline-start:auto;padding-bottom:8px}.beam-fields,.position-input{grid-column:1/-1}.position-row{display:flex;gap:8px}.position-row .select{flex:0 0 auto;width:auto}.position-row .input{flex:1 1 auto;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.position-all{font-size:var(--text-xs);margin-top:6px}.position-all th{color:var(--text-muted);font-weight:400;-webkit-padding-end:12px;padding-inline-end:12px;text-align:start}.position-all td{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.beam-row{display:grid;grid-gap:8px;gap:8px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.event-hub{display:grid;grid-gap:var(--space-3);gap:var(--space-3);padding-top:var(--space-3)}.event-hub .tabs{display:flex;flex-wrap:wrap;gap:8px}.event-summary ul{margin:4px 0;-webkit-padding-start:20px;padding-inline-start:20px}.event-title-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.event-detail-grid{display:grid;grid-gap:var(--space-3);gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr))}.event-detail-grid>div{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);display:grid;grid-gap:5px;gap:5px;min-width:0;padding:var(--space-3)}.event-detail-grid strong{font-size:14px;font-weight:600;overflow-wrap:anywhere}.stream-card{display:grid;grid-gap:var(--space-3);gap:var(--space-3)}.stream-summary,.stream-token-header{align-items:flex-start;display:flex;gap:14px;justify-content:space-between}.stream-summary>div,.stream-token-header>div{min-width:0}.stream-state,.stream-title-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.stream-state{justify-content:flex-end}.stream-token-panel{display:grid;grid-gap:var(--space-3);gap:var(--space-3)}.advanced-protocols,.stream-details{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius)}.advanced-protocols>summary,.stream-details>summary{color:var(--text-subtle);cursor:pointer;font-weight:600;padding:var(--space-3) 14px}.advanced-protocols>summary:hover,.stream-details>summary:hover{color:var(--text)}.stream-details-content{display:grid;grid-gap:var(--space-3);gap:var(--space-3)}.advanced-protocols .protocol-grid,.permissions-content,.stream-details-content{border-top:1px solid var(--border);padding:14px}.permissions-content{display:grid;grid-gap:var(--space-4);gap:var(--space-4)}.player-frame{display:grid;grid-gap:var(--space-3);gap:var(--space-3)}.video-player{aspect-ratio:16/9;background:#050607;border:1px solid var(--border);border-radius:var(--radius);display:block;width:100%}.video-wrap{position:relative}.video-stats{background:rgba(0,0,0,.6);border-radius:var(--radius-sm);color:#e6edf3;font-size:var(--text-xs);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;padding:4px 8px;pointer-events:none;position:absolute;inset-inline-end:10px;top:10px}.go-live{justify-self:start}.wall-filters{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-3)}.wall-filters .input{flex:1 1 220px}.wall-filters .select{width:auto}.wall-check{align-items:center;display:inline-flex;gap:6px;white-space:nowrap}.wall-grid{display:grid;grid-gap:var(--space-3);gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.wall-group{-webkit-border-start:4px solid var(--border-strong);border-inline-start:4px solid var(--border-strong);font-size:var(--text-md,1rem);margin:0 0 var(--space-3);-webkit-padding-start:8px;padding-inline-start:8px}.wall-tile{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);border-top:4px solid var(--border-strong);min-width:0;overflow:hidden}.wall-tile:not(.live){opacity:.75}.wall-preview,.wall-screen{aspect-ratio:16/9;background:#050607;position:relative}.wall-preview .player-frame,.wall-preview .video-wrap{display:block;height:100%}.wall-preview .video-player{border:0;border-radius:0;height:100%;object-fit:contain}.wall-overlay{align-items:center;color:var(--text-muted);display:flex;font-size:var(--text-sm,.875rem);inset:0;justify-content:center;padding:8px;position:absolute;text-align:center}.wall-info{display:grid;grid-gap:6px;gap:6px;padding:8px 10px 10px}.wall-title{align-items:center;display:flex;gap:8px;min-width:0}.wall-title a{color:var(--text);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wall-tags{display:flex;flex-wrap:wrap;gap:4px}.wall-tag{border:1px solid var(--border);border-radius:999px;color:var(--text-subtle);font-size:var(--text-xs);padding:1px 8px}.wall-tag.event{border-color:var(--success-border);color:var(--success-text)}.debug-panel{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-3) 14px}.debug-panel summary{color:var(--text-muted);cursor:pointer;font-weight:600}.debug-panel-content{border-top:1px solid var(--border);margin-top:var(--space-3);overflow-x:auto;padding-top:var(--space-3)}.monitoring-cards.stale{opacity:.6}.monitoring-status{justify-content:space-between}.notif,.notif-button{position:relative}.notif-count{background:var(--danger);border-radius:var(--radius-pill);color:#fff;font-size:11px;font-weight:700;line-height:1.5;-webkit-margin-start:6px;margin-inline-start:6px;min-width:18px;padding:0 6px;text-align:center}.notif-panel{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius);box-shadow:var(--shadow-lg);display:grid;grid-gap:2px;gap:2px;max-height:420px;max-width:calc(100vw - 32px);overflow-y:auto;padding:var(--space-2);position:absolute;inset-inline-end:0;top:calc(100% + 6px);width:360px;z-index:30}.notif-panel>.muted{padding:var(--space-3);text-align:center}.notif-item{-webkit-border-start:3px solid var(--primary);border-inline-start:3px solid var(--primary);border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-size:14px;padding:6px 10px}.notif-item:hover{background:var(--surface-hover)}.notif-item .muted{font-size:var(--text-xs)}.notif-item.warn,.notif-toast.warn{border-color:var(--warning)}.notif-item.critical,.notif-toast.critical{border-color:var(--danger)}.notif-toasts{display:grid;grid-gap:var(--space-2);gap:var(--space-2);position:fixed;inset-inline-end:var(--space-4);top:var(--space-4);z-index:50}.notif-toast{background:var(--surface);border:1px solid var(--border-strong);-webkit-border-start:4px solid var(--primary);border-inline-start:4px solid var(--primary);border-radius:var(--radius);box-shadow:var(--shadow-lg);max-width:min(380px,calc(100vw - 32px));padding:10px 12px}@media (min-width:1600px){.content{padding:var(--space-8)}}@media (max-width:1100px){.guide-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.filter-bar,.preset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:900px){.event-detail-grid,.grid.four,.grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.app-shell{grid-template-columns:1fr}.sidebar{border-bottom:1px solid var(--border);-webkit-border-end:0;border-inline-end:0;padding:var(--space-3) var(--space-4)}.brand{margin-bottom:var(--space-2)}.nav-list{gap:var(--space-2)}.nav-section{align-items:center;display:flex;flex-wrap:wrap;gap:4px}.nav-section-label{flex-basis:100%;margin:0}.nav-link{-webkit-border-start:0;border-inline-start:0;border-bottom:2px solid transparent;border-radius:var(--radius-sm);padding:6px 10px}.nav-link.active{border-bottom-color:var(--primary)}.topbar{align-items:flex-start;flex-direction:column;position:relative;padding:var(--space-3) var(--space-4)}.topbar h1{font-size:20px}.content{gap:var(--space-4)}.content,.item-card,.panel{padding:var(--space-4)}.event-detail-grid,.filter-bar,.grid.three,.grid.two,.guide-grid,.preset-grid,.protocol-grid,.protocol-summary,.security-grid{grid-template-columns:1fr}.stream-summary,.stream-token-header{display:grid}.stream-state{justify-content:flex-start}.inline-field{align-items:stretch;display:grid}.modal-backdrop{align-items:flex-end;padding:var(--space-3)}.confirm-modal{max-height:calc(100vh - 24px);padding:var(--space-5)}.modal-actions{flex-direction:column-reverse}.modal-actions .button{width:100%}.notif{position:static}.notif-panel{inset-inline-start:var(--space-4);inset-inline-end:var(--space-4);top:auto;width:auto}.stat-card h2{font-size:26px}}@media (max-width:420px){.grid.four{grid-template-columns:1fr}.login-panel{padding:var(--space-6) var(--space-5)}.centered{padding:var(--space-4)}.button{white-space:normal}}@media print{.notif,.sidebar,.topbar .actions{display:none}.app-shell{display:block}}.entity-chip{border:2px solid #3b82f6;border-radius:6px;font-weight:600;padding:1px 6px}.link-button{background:none;border:none;color:inherit;cursor:pointer;-webkit-margin-start:4px;margin-inline-start:4px;padding:0 2px}[dir=rtl] body{font-family:var(--font-arabic,"Segoe UI",Tahoma,"Noto Sans Arabic",Arial,sans-serif)}.code-box,.mono,code,input[inputmode=numeric],input[type=email],input[type=url],kbd,pre{direction:ltr;unicode-bidi:-webkit-isolate;unicode-bidi:isolate}[dir=rtl] .mono,[dir=rtl] code{text-align:start}.lang-select.compact{margin-top:var(--space-2)}.sidebar-footer{border-top:1px solid var(--border);margin-top:var(--space-5);padding-top:var(--space-3)}.nav-help{align-items:center;display:flex;gap:var(--space-2)}.icon-button{padding-inline:10px}.help-toolbar{display:grid;grid-gap:var(--space-3);gap:var(--space-3)}.help-search{max-width:520px}.help-chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}.help-chip{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-pill);color:var(--text-subtle);cursor:pointer;font:inherit;font-size:var(--text-sm);padding:4px 12px}.help-chip:hover{background:var(--surface-hover)}.help-chip[aria-pressed=true]{background:var(--primary-soft);border-color:var(--primary);color:var(--text);font-weight:600}.help-chip:disabled{cursor:not-allowed;opacity:.5}.help-chip-count{color:var(--text-faint);-webkit-margin-start:6px;margin-inline-start:6px}.help-meta-row{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:space-between}.help-list{display:grid;grid-gap:var(--space-2);gap:var(--space-2)}.help-item{border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-3) var(--space-4);scroll-margin-top:var(--space-4)}.help-item.target{border-color:var(--primary)}.help-q{font-size:15px;margin:0}.help-toggle{align-items:flex-start;background:none;border:0;color:var(--text);cursor:pointer;display:flex;font:inherit;font-weight:600;gap:var(--space-2);padding:0;text-align:start;width:100%}.help-chevron{color:var(--text-faint);display:inline-block;min-width:1em;text-align:center}.help-short{color:var(--text-muted);margin:var(--space-1) 0 0}.help-body,.help-short{-webkit-padding-start:calc(1em + var(--space-2));padding-inline-start:calc(1em + var(--space-2))}.help-body{display:grid;grid-gap:var(--space-3);gap:var(--space-3);margin-top:var(--space-3)}.help-body h4{color:var(--text-faint);font-size:var(--text-xs);letter-spacing:.06em;margin:0;text-transform:uppercase}.help-steps{display:grid;grid-gap:var(--space-1);gap:var(--space-1);margin:0;-webkit-padding-start:1.4em;padding-inline-start:1.4em}.help-ui{color:var(--text);font-weight:600}.help-example{background:var(--surface-sunken);border:1px solid var(--border);border-radius:var(--radius-sm);display:grid;grid-gap:var(--space-2);gap:var(--space-2);padding:var(--space-3)}.help-code{margin:0;overflow-x:auto;white-space:pre}.help-flow{flex-wrap:wrap}.help-flow,.help-flow-step{display:flex;gap:var(--space-2)}.help-flow-step{align-items:center;flex:1 1 160px}.help-flow-node{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-sm);flex:1 1;font-size:var(--text-sm);padding:var(--space-2) var(--space-3)}.help-flow-arrow{color:var(--text-faint);font-weight:700}.help-flow-arrow:before{content:"\2192"}[dir=rtl] .help-flow-arrow:before{content:"\2190"}.help-item-actions{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-2)}@media (max-width:760px){.sidebar-footer{margin-top:var(--space-2);padding-top:var(--space-2)}.help-item{padding:var(--space-3)}}.icon{flex-shrink:0}.nav-icon-link{align-items:center;display:flex;gap:var(--space-2)}.nav-icon-link .icon{color:var(--text-faint)}.nav-icon-link.active .icon,.nav-icon-link:hover .icon{color:currentColor}.topbar-title{min-width:0}.topbar-actions{align-items:center}.account-button,.icon-button,.notif-button{align-items:center;display:inline-flex;gap:6px}.account-menu{position:relative}.account-name{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-panel{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius);box-shadow:var(--shadow-lg);inset-inline-end:0;max-width:calc(100vw - 32px);padding:var(--space-2);position:absolute;top:calc(100% + 6px);width:260px;z-index:30}.account-panel,.account-who{display:grid;grid-gap:2px;gap:2px}.account-who{border-bottom:1px solid var(--border);margin-bottom:var(--space-1);overflow-wrap:anywhere;padding:var(--space-2) var(--space-3) var(--space-3)}.account-who .muted{font-size:var(--text-sm)}.account-item{align-items:center;background:none;border:0;border-radius:var(--radius-sm);color:var(--text-subtle);cursor:pointer;display:flex;font:inherit;font-size:14px;gap:var(--space-2);padding:8px var(--space-3);text-align:start;width:100%}.account-item:hover{background:var(--surface-hover);color:var(--text)}.account-lang{padding:0 var(--space-3) var(--space-2)}.account-lang .lang-select.compact{margin-top:0}.account-signout{border-top:1px solid var(--border);border-radius:0 0 var(--radius-sm) var(--radius-sm);color:var(--danger-text)}.login-lang{display:flex;justify-content:flex-end}.login-lang .lang-select.compact{margin-top:0}.page-actions{justify-content:flex-end}.empty-state{display:grid;grid-gap:var(--space-2);gap:var(--space-2);justify-items:center}.empty-hint{color:var(--text-muted);font-size:var(--text-sm)}.empty-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center;margin-top:var(--space-1)}td.empty-cell{padding:var(--space-3)}@media (max-width:760px){.nav-icon-link{display:inline-flex}.account-name{max-width:120px}}.tab-strip{align-items:flex-end;border-bottom:1px solid var(--border);display:flex;flex-wrap:wrap;gap:2px}.tab{background:none;border:0;border-bottom:2px solid transparent;color:var(--text-muted);cursor:pointer;font:inherit;font-size:14px;font-weight:600;margin-bottom:-1px;padding:8px 14px}.tab.active,.tab:hover{color:var(--text)}.tab.active{border-bottom-color:var(--primary)}.tabs-note{font-size:var(--text-sm);-webkit-margin-start:auto;margin-inline-start:auto;padding:8px 0}.text-danger{color:var(--danger-text)}.text-warning{color:var(--warning-text)}.stream-tab-panel{display:grid;grid-gap:var(--space-3);gap:var(--space-3)}.event-hub-wrap[hidden],.stream-tab-panel[hidden],[role=tabpanel][hidden]{display:none}.chip{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-pill);padding:1px 8px}.chip,.field-help{font-size:var(--text-sm)}.field-help{font-weight:400}details.advanced{border:1px dashed var(--border);border-radius:var(--radius-sm);display:grid;grid-gap:var(--space-3);gap:var(--space-3);padding:var(--space-2) var(--space-3)}details.advanced>summary{color:var(--text-subtle);cursor:pointer;font-weight:600}details.advanced[open]>summary{margin-bottom:var(--space-2)}.span-all{grid-column:1/-1}.player-picker-form{align-items:end;display:grid;grid-gap:var(--space-3);gap:var(--space-3);grid-template-columns:minmax(0,2fr) minmax(0,2fr) auto}.player-picker-actions{justify-content:flex-end}.player-status-row{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-2)}.protected-badge{align-items:center;display:inline-flex;gap:4px}.menu{display:inline-block;position:relative}.menu-panel{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius);box-shadow:var(--shadow-lg);display:grid;grid-gap:2px;gap:2px;inset-inline-end:0;min-width:180px;padding:var(--space-1);position:absolute;top:calc(100% + 4px);z-index:25}.menu-item{align-items:center;background:none;border:0;border-radius:var(--radius-sm);color:var(--text-subtle);cursor:pointer;display:flex;font:inherit;font-size:14px;gap:var(--space-2);padding:8px var(--space-3);text-align:start;white-space:nowrap;width:100%}.menu-item:hover{background:var(--surface-hover);color:var(--text)}.menu-item.danger{border-top:1px solid var(--border);border-radius:0 0 var(--radius-sm) var(--radius-sm);color:var(--danger-text)}.row-actions{flex-wrap:nowrap}.event-actions{align-items:center}.action-separator{align-self:stretch;-webkit-border-start:1px solid var(--border);border-inline-start:1px solid var(--border);margin:0 var(--space-1)}@media (max-width:760px){.player-picker-form{grid-template-columns:1fr}.player-picker-actions{justify-content:stretch}.tabs-note{flex-basis:100%;-webkit-margin-start:0;margin-inline-start:0;padding-top:0}}.small-text{font-size:var(--text-sm)}.state-badge{align-items:center;display:inline-flex;gap:4px;vertical-align:middle}.state-badge .icon{height:14px;width:14px}.stat-card h2 .state-badge{font-size:var(--text-sm);padding:4px 12px}.account-cards,.map-layout,.split-layout,.wall-filter-row{display:grid;grid-gap:var(--space-4);gap:var(--space-4)}.wall-filter-row{align-items:center;display:flex;flex-basis:100%;flex-wrap:wrap;gap:var(--space-3)}.wall-filter-row[hidden]{display:none}.button.secondary.active{background:var(--primary-soft);border-color:var(--primary)}.count-badge{background:var(--primary);border-radius:var(--radius-pill);color:var(--primary-contrast);font-size:var(--text-xs);font-weight:700;line-height:1;min-width:18px;padding:3px 6px;text-align:center}.wall-viewers{align-items:center;display:inline-flex;gap:4px}.small-button{min-height:0;padding:4px 10px}.breadcrumb{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-2)}.breadcrumb a{color:var(--primary)}.detail-list{display:grid;grid-gap:var(--space-2) var(--space-4);gap:var(--space-2) var(--space-4);grid-template-columns:max-content minmax(0,1fr);margin:0}.detail-list dt{color:var(--text-muted)}.detail-list dd{margin:0;overflow-wrap:anywhere}.account-cards.forced .account-security{order:-1}@media (min-width:1100px){.split-layout.has-detail{align-items:start;grid-template-columns:minmax(0,3fr) minmax(0,2fr)}.account-cards{align-items:start;grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1200px){.map-layout{align-items:start;grid-template-columns:minmax(0,3fr) minmax(0,2fr)}.map-layout .map-form-panel .form.grid.two{grid-template-columns:minmax(0,1fr)}}@media (max-width:760px){.detail-list{grid-template-columns:minmax(0,1fr)}}.field-error{color:var(--danger-text);font-size:var(--text-sm);font-weight:500}.input[aria-invalid=true]{border-color:var(--danger-border)}