:root{--bg:#0b0f14;--panel:#131a22;--panel-raised:#182029;--border:#223041;--text:#e6edf3;--muted:#8b98a5;--accent:#3b82f6;--accent-soft:#3b82f624;--warning:#f59e0b;--warning-soft:#f59e0b24;--danger-text:#f5f5f5;--danger-bg:#7f1d1d;--online:#34d399;--online-soft:#34d39924;--radius:8px;--radius-sm:4px;--font:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;font-size:14px;line-height:1.5}a{color:var(--accent)}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}.app-shell{min-height:100vh;display:flex}.nav{background:var(--panel);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:220px;padding:20px 0;display:flex}.nav-brand{border-bottom:1px solid var(--border);margin-bottom:12px;padding:0 20px 20px}.nav-brand-title{letter-spacing:.02em;font-size:15px;font-weight:700}.nav-brand-subtitle{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-top:2px;font-size:11px}.nav-links{flex-direction:column;gap:2px;padding:0 10px;display:flex}.nav-link{border-radius:var(--radius-sm);color:var(--muted);align-items:center;gap:10px;padding:9px 12px;font-size:13.5px;font-weight:500;text-decoration:none;display:flex}.nav-link:hover{background:var(--panel-raised);color:var(--text)}.nav-link.active{background:var(--accent-soft);color:var(--accent)}.nav-icon{text-align:center;width:16px;font-size:13px}.main{flex:1;min-width:0;padding:28px 32px}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:20px;display:flex}.page-title{margin:0;font-size:20px;font-weight:700}.page-subtitle{color:var(--muted);margin-top:4px;font-size:13px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:18px 20px}.panel+.panel{margin-top:16px}.panel-title{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:0 0 14px;font-size:13px;font-weight:700}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:20px;display:grid}.stat-tile{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px}.stat-tile-label{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:12px}.stat-tile-value{font-variant-numeric:tabular-nums;font-size:26px;font-weight:700}.stat-tile-value small{color:var(--muted);font-size:15px;font-weight:500}.badge{letter-spacing:.03em;text-transform:uppercase;white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:3px 9px;font-size:11.5px;font-weight:700;display:inline-flex}.badge-online{background:var(--online-soft);color:var(--online)}.badge-offline{color:var(--muted);background:#8b98a529}.badge-severity-high{background:var(--warning-soft);color:var(--warning)}.badge-severity-medium{color:var(--warning);background:#f59e0b17}.badge-severity-low{color:var(--muted);background:#8b98a529}.badge-status-open{background:var(--accent-soft);color:var(--accent)}.badge-status-acknowledged{color:var(--muted);background:#8b98a529}.badge-ok{background:var(--online-soft);color:var(--online)}.badge-neutral{color:var(--muted);background:#8b98a529}.badge-planned{background:var(--warning-soft);color:var(--warning)}.table-wrap{overflow-x:auto}table.data-table{border-collapse:collapse;width:100%;font-size:13.5px}.data-table th{text-align:left;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border);white-space:nowrap;padding:8px 12px;font-size:11.5px;font-weight:600}.data-table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:10px 12px}.data-table tbody tr:hover{background:var(--panel-raised)}.data-table tbody tr:last-child td{border-bottom:none}.cell-muted{color:var(--muted)}.cell-mono{font-family:var(--font-mono);font-size:12.5px}.form-row{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.form-row label{color:var(--muted);text-transform:uppercase;letter-spacing:.03em;font-size:12px;font-weight:600}.form-row input,.form-row select,.form-row textarea{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);padding:8px 10px}.form-row input:focus,.form-row select:focus,.form-row textarea:focus{border-color:var(--accent);outline:none}.form-hint{color:var(--muted);font-size:11.5px}.form-grid{grid-template-columns:1fr 1fr;gap:0 14px;display:grid}.form-actions{border-top:1px solid var(--border);justify-content:flex-end;gap:10px;margin-top:18px;padding-top:16px;display:flex}.btn{border:1px solid var(--border);background:var(--panel-raised);color:var(--text);border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;display:inline-flex}.btn:hover{border-color:var(--accent)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:#0b0f14}.btn-primary:hover{filter:brightness(1.08)}.btn-danger{border-color:var(--danger-bg);color:#f87171;background:0 0}.btn-small{padding:5px 10px;font-size:12px}.filter-bar{flex-wrap:wrap;align-items:flex-end;gap:10px;margin-bottom:16px;display:flex}.filter-field{flex-direction:column;gap:4px;display:flex}.filter-field label{color:var(--muted);text-transform:uppercase;letter-spacing:.03em;font-size:11px}.filter-field input,.filter-field select{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);min-width:140px;padding:7px 9px}.camera-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;display:grid}.camera-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.camera-card-preview{aspect-ratio:16/9;color:var(--muted);border-bottom:1px solid var(--border);background:repeating-linear-gradient(45deg,#0e141c,#0e141c 10px,#111922 10px 20px);justify-content:center;align-items:center;font-size:12px;display:flex}.camera-card-body{padding:12px 14px}.camera-card-name{margin-bottom:6px;font-size:13.5px;font-weight:600}.camera-card-meta{color:var(--muted);margin-top:6px;font-size:12px}.timeline-layout{grid-template-columns:280px 1fr;gap:18px;display:grid}@media (width<=800px){.timeline-layout{grid-template-columns:1fr}}.clip-list{flex-direction:column;gap:6px;max-height:460px;display:flex;overflow-y:auto}.clip-item{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--panel-raised);cursor:pointer;text-align:left;flex-direction:column;gap:2px;padding:9px 11px;display:flex}.clip-item.active{border-color:var(--accent);background:var(--accent-soft)}.clip-item-time{font-family:var(--font-mono);font-size:12.5px}.clip-item-status{color:var(--muted);font-size:11px}.video-player{border-radius:var(--radius);border:1px solid var(--border);background:#000;width:100%}.video-placeholder{aspect-ratio:16/9;color:var(--muted);background:var(--panel-raised);border:1px dashed var(--border);border-radius:var(--radius);justify-content:center;align-items:center;font-size:13px;display:flex}.login-shell{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:360px;padding:28px 26px}.login-title{margin-bottom:4px;font-size:18px;font-weight:700}.login-subtitle{color:var(--muted);margin-bottom:22px;font-size:12.5px}.login-note{color:var(--muted);background:var(--panel-raised);border:1px solid var(--border);border-radius:var(--radius-sm);margin-top:16px;padding:8px 10px;font-size:11.5px}.empty-state{color:var(--muted);text-align:center;padding:24px 0;font-size:13px}.error-banner{background:var(--danger-bg);color:var(--danger-text);border-radius:var(--radius-sm);margin-bottom:14px;padding:10px 12px;font-size:13px}.modal-backdrop{z-index:50;background:#0000008c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:480px;max-height:90vh;padding:22px 24px;overflow-y:auto}.modal-title{margin-bottom:16px;font-size:15px;font-weight:700}.profile-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;display:grid}.profile-card-title{margin-bottom:8px;font-size:14px;font-weight:700}.profile-fact{border-bottom:1px solid var(--border);justify-content:space-between;padding:4px 0;font-size:12.5px;display:flex}.profile-fact:last-of-type{border-bottom:none}.profile-fact-label{color:var(--muted)}.profile-note{color:var(--muted);margin-top:10px;font-size:12px;line-height:1.5}.compliance-section-title{margin:0 0 10px;font-size:15px;font-weight:700}.compliance-narrative{color:var(--text);margin-bottom:12px;font-size:13.5px;line-height:1.6}.compliance-list{margin:0;padding-left:18px;font-size:13px;line-height:1.7}.compliance-list li{margin-bottom:4px}.compliance-code-ref{font-family:var(--font-mono);color:var(--muted);font-size:11.5px}.compliance-gap-banner{background:var(--warning-soft);color:var(--warning);border-radius:var(--radius-sm);border:1px solid #f59e0b59;margin-bottom:14px;padding:10px 12px;font-size:12.5px;line-height:1.6}.compliance-jurisdiction-heading{justify-content:space-between;align-items:baseline;gap:10px;margin:18px 0 8px;display:flex}.compliance-jurisdiction-heading:first-of-type{margin-top:0}.compliance-jurisdiction-heading h3{margin:0;font-size:13.5px;font-weight:700}@media print{.no-print,.nav,.main>.page-header{display:none!important}html,body,#root,.app-shell,.main{color:#0a0a0a!important;background:#fff!important;margin:0!important;padding:0!important;display:block!important}.printable-report{display:block!important}.printable-report .panel{break-inside:avoid;page-break-inside:avoid;color:#0a0a0a!important;background:#fff!important;border:1px solid #999!important;margin-bottom:10px!important}.printable-report .panel-title,.printable-report .compliance-section-title,.printable-report h1,.printable-report h2,.printable-report h3{color:#0a0a0a!important}.printable-report .stat-tile,.printable-report .data-table th,.printable-report .data-table td{color:#0a0a0a!important;border-color:#999!important}.printable-report .cell-muted,.printable-report .compliance-code-ref,.printable-report .stat-tile-label,.printable-report .page-subtitle{color:#444!important}.printable-report table.data-table{break-inside:auto}.printable-report .data-table tr{break-inside:avoid;page-break-inside:avoid}.printable-report .badge{border:1px solid #999;color:#0a0a0a!important;background:#fff!important}.printable-report .compliance-gap-banner{color:#0a0a0a!important;background:#fff!important;border:1px solid #0a0a0a!important}.printable-report section{break-inside:avoid-page}a[href]:after{content:""}}