@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&family=IBM+Plex+Sans:wght@400;500;600;700&display=swap";:root{--bg-primary: #0A0A0A;--bg-secondary: #111111;--bg-tertiary: #1A1A1A;--border: #262626;--accent: #F97316;--accent-hover: #EA580C;--accent-7: rgba(249,115,22,.07);--accent-13: rgba(249,115,22,.13);--accent-20: rgba(249,115,22,.2);--accent-27: rgba(249,115,22,.27);--accent-40: rgba(249,115,22,.4);--success: #22C55E;--danger: #EF4444;--warning: #EAB308;--success-7: rgba(34,197,94,.07);--success-27: rgba(34,197,94,.27);--danger-7: rgba(239,68,68,.07);--danger-13: rgba(239,68,68,.13);--danger-27: rgba(239,68,68,.27);--warning-7: rgba(234,179,8,.07);--warning-27: rgba(234,179,8,.27);--text-primary: #E5E5E5;--text-secondary: #737373;--text-muted: #6B6B6B;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--font-sans: "IBM Plex Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--fs-page-title: 16px;--fs-camera-name: 13px;--fs-body: 12px;--fs-button: 12px;--fs-mono-data: 12px;--fs-status: 11px;--fs-section-header: 11px;--ls-status: 1px;--ls-control: 1px;--ls-section: 2px;--ls-badge: .5px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-pill: 999px;--bracket-thickness: 2px;--bracket-length: 14px;--bracket-opacity: .4;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--glow-accent-sm: 0 0 6px rgba(249,115,22,.45);--glow-accent-md: 0 0 12px rgba(249,115,22,.55);--glow-accent-lg: 0 0 24px rgba(249,115,22,.45);--glow-success: 0 0 6px rgba(34,197,94,.65);--glow-danger: 0 0 6px rgba(239,68,68,.65);--glow-warning: 0 0 6px rgba(234,179,8,.65);--ease-out: cubic-bezier(.2, .8, .2, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--dur-micro: .15s;--dur-panel: .25s;--dur-seek: .3s;--dur-tour: .4s;--dur-overlay-hide: 3s;--dur-fade: .2s}.t-status{font-family:var(--font-mono);font-size:var(--fs-status);font-weight:500;text-transform:uppercase;letter-spacing:var(--ls-status);color:var(--text-primary)}.t-section-header{font-family:var(--font-mono);font-size:var(--fs-section-header);font-weight:500;text-transform:uppercase;letter-spacing:var(--ls-section);color:var(--text-secondary)}.t-control-label{font-family:var(--font-mono);font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:var(--ls-control);color:var(--text-secondary)}.t-cam-id,.t-timestamp,.t-data{font-family:var(--font-mono);font-size:var(--fs-mono-data);font-weight:400;color:var(--text-primary);font-variant-numeric:tabular-nums}.t-page-title{font-family:var(--font-sans);font-size:var(--fs-page-title);font-weight:600;color:var(--text-primary);letter-spacing:-.01em}.t-camera-name{font-family:var(--font-sans);font-size:var(--fs-camera-name);font-weight:500;color:var(--text-primary)}.t-body{font-family:var(--font-sans);font-size:var(--fs-body);font-weight:400;line-height:1.5;color:var(--text-secondary)}.t-button{font-family:var(--font-sans);font-size:var(--fs-button);font-weight:600;color:var(--text-primary)}*{box-sizing:border-box}html,body{margin:0;background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}html,body,#root{height:100%}body{background:var(--bg-primary);overflow:hidden}#root{display:flex;flex-direction:column;min-height:100vh}.shell{flex:1;display:flex;min-height:0}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border:1px solid var(--border)}::-webkit-scrollbar-thumb:hover{background:var(--border)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.skip-link{position:absolute;top:-100%;left:16px;z-index:9999;padding:8px 16px;background:var(--accent);color:#0a0a0a;font-family:var(--font-mono);font-size:12px;border-radius:4px;text-decoration:none}.skip-link:focus{top:8px}[aria-live]{pointer-events:none}@media (max-width: 1200px){.shell{position:relative}.left-rail{width:52px!important}.left-rail .nav-label{display:none}.topbar-search,.topbar-sync,.topbar-scope{display:none!important}.stat-grid-6,.stat-grid-5{grid-template-columns:repeat(3,1fr)!important}.overview-two-col{grid-template-columns:1fr!important}.saved-walls-grid{grid-template-columns:repeat(2,1fr)!important}.sites-list-row,.sites-list-header{grid-template-columns:70px 1fr 100px 90px 30px!important}.sites-list-row .sites-list-hide-tablet,.sites-list-header .sites-list-hide-tablet{display:none!important}.users-table-row,.users-table-header{grid-template-columns:40px 1fr 120px 90px 30px!important}.users-table-row .users-hide-tablet,.users-table-header .users-hide-tablet{display:none!important}.devices-table-row,.devices-table-header{grid-template-columns:80px 1fr 90px 80px 30px!important}.devices-table-row .devices-hide-tablet,.devices-table-header .devices-hide-tablet{display:none!important}.rules-scope-grid{grid-template-columns:repeat(4,1fr)!important}}@media (max-width: 768px){body{overflow:auto}#root{flex-direction:column;min-height:100vh}.topbar{display:none!important}.shell{flex-direction:column!important;min-height:0;flex:1}.left-rail{display:none!important}.bottom-nav{display:flex!important;position:fixed;bottom:0;left:0;right:0;height:56px;background:var(--bg-secondary);border-top:1px solid var(--border);z-index:100;align-items:center;justify-content:space-around;padding:0 4px}.bottom-nav a{display:flex;flex-direction:column;align-items:center;gap:2px;text-decoration:none;color:var(--text-secondary);font-family:var(--font-mono);font-size:8px;letter-spacing:.5px;padding:4px 6px;border-radius:4px}.bottom-nav a.active{color:var(--accent);background:var(--accent-13)}.page-content{padding-bottom:72px}.stat-grid-6,.stat-grid-5{grid-template-columns:repeat(2,1fr)!important}.overview-two-col,.overview-actions-col,.saved-walls-grid,.site-cards-grid,.live-wall-grid{grid-template-columns:1fr!important}.live-wall-grid.mobile-2col{grid-template-columns:repeat(2,1fr)!important}.live-wall-drawer{display:none!important}.page-header{flex-direction:column!important;height:auto!important;padding:12px 16px!important;gap:8px!important;align-items:flex-start!important}.page-header-actions{flex-wrap:wrap!important;gap:6px!important}.users-table-header,.devices-table-header,.sites-list-header{display:none!important}.users-table-row,.sites-list-row,.devices-table-row{display:flex!important;flex-direction:column!important;gap:6px!important;padding:12px 16px!important}.rules-scope-grid{grid-template-columns:repeat(2,1fr)!important}.per-site-row{grid-template-columns:60px 1fr 60px!important}.per-site-row .per-site-bar{display:none!important}.user-detail-panel,.camera-detail-panel{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100%!important;z-index:150}}