.btn{font-family:var(--font-display);cursor:pointer;white-space:nowrap;letter-spacing:.06em;text-transform:uppercase;border:1px solid #0000;border-radius:0;justify-content:center;align-items:center;gap:8px;font-weight:600;transition:background .15s,border-color .15s,color .15s,box-shadow .15s,transform .1s;display:inline-flex;position:relative}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-sm{letter-spacing:.07em;height:32px;padding:0 14px;font-size:12px}.btn-md{height:40px;padding:0 18px;font-size:13px}.btn-lg{height:48px;padding:0 22px;font-size:14px}.btn-block{width:100%}.btn-primary{background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 88%, #fff) 0%, var(--accent) 55%), var(--accent);color:var(--accent-contrast);border-color:color-mix(in srgb, var(--accent) 70%, #000);box-shadow:inset 0 1px #ffffff38}.btn-primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.btn-secondary{background:color-mix(in srgb, var(--surface) 88%, var(--surface-2));border-color:var(--border-strong);color:var(--text);box-shadow:inset 8px 0 0 -7px var(--panel-edge), inset -8px 0 0 -7px var(--panel-edge)}.btn-secondary:hover:not(:disabled){background:var(--surface-2);border-color:var(--accent);color:var(--accent);box-shadow:inset 8px 0 0 -7px var(--accent), inset -8px 0 0 -7px var(--accent)}.btn-ghost{color:var(--text-secondary);letter-spacing:.04em;background:0 0}.btn-ghost:hover:not(:disabled){background:var(--surface-2);color:var(--text)}.btn-danger{background:var(--danger);color:#fff;border-color:color-mix(in srgb, var(--danger) 70%, #000);box-shadow:inset 0 1px #ffffff2e}.field{flex-direction:column;gap:6px;width:100%;display:flex}.field-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);font-size:11px;font-weight:600;font-family:var(--font-display)}.field-error{color:var(--danger);font-size:12px}.field-hint{color:var(--text-muted);font-size:12px}.input{box-sizing:border-box;border:1px solid var(--border);background:linear-gradient(180deg, var(--surface) 0%, color-mix(in srgb, var(--surface-2) 35%, var(--surface)) 100%);width:100%;min-width:0;max-width:100%;height:44px;color:var(--text);border-radius:0;padding:0 14px;transition:border-color .15s,box-shadow .15s}.input::placeholder{color:var(--text-muted)}.input:hover{border-color:var(--border-strong)}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.input-error{border-color:var(--danger)}.badge{letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;height:22px;font-size:10px;font-weight:600;font-family:var(--font-display);box-sizing:border-box;border:1px solid #0000;border-radius:0;justify-content:center;align-items:center;padding:0 9px;display:inline-flex}.data-table .badge:not(.badge-mark),.detail-grid .badge:not(.badge-mark),.panel-header .badge:not(.badge-mark),.page-actions .badge:not(.badge-mark),.feed .badge:not(.badge-mark),.detail-timeline .badge:not(.badge-mark),.notif-list .badge:not(.badge-mark){min-width:7.75rem}.badge-mark{width:1.5rem;min-width:1.5rem;padding:0}.badge-neutral{background:var(--surface-2);color:var(--text-secondary);border-color:var(--border-strong)}.badge-accent{background:var(--accent-soft);color:var(--accent);border-color:color-mix(in srgb, var(--accent) 45%, transparent)}.badge-success{background:var(--success-soft);color:var(--success);border-color:color-mix(in srgb, var(--success) 45%, transparent)}.badge-warn{background:var(--warn-soft);color:var(--warn);border-color:color-mix(in srgb, var(--warn) 45%, transparent)}.badge-danger{background:var(--danger-soft);color:var(--danger);border-color:color-mix(in srgb, var(--danger) 45%, transparent)}.badge-info{background:var(--info-soft);color:var(--info);border-color:color-mix(in srgb, var(--info) 45%, transparent)}.panel{background:var(--surface);border:1px solid var(--border-strong);box-shadow:var(--shadow);border-radius:0;min-width:0;position:relative;overflow:visible}.panel-body{padding:16px;overflow:visible}.panel-header{border-bottom:1px solid var(--border);background:var(--hatch), linear-gradient(90deg, color-mix(in srgb, var(--accent-soft) 70%, var(--surface-2)) 0%, color-mix(in srgb, var(--surface-2) 75%, var(--surface)) 42%, var(--surface) 100%);justify-content:space-between;align-items:center;gap:12px;padding:11px 16px 10px;display:flex;position:relative}.panel-header:before{content:"";background:linear-gradient(180deg, var(--accent), color-mix(in srgb, var(--accent) 35%, transparent));width:3px;position:absolute;top:0;bottom:0;left:0}.panel-title{letter-spacing:.1em;text-transform:uppercase;font-size:13px;font-weight:600;font-family:var(--font-display);color:var(--text);padding-left:6px}.theme-toggle{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;align-items:center;gap:10px;padding:0;font-size:13px;display:inline-flex}.theme-toggle-track{background:var(--surface-2);border:1px solid var(--border-strong);border-radius:0;justify-content:space-between;align-items:center;width:48px;height:26px;padding:0 5px;display:flex;position:relative}.theme-toggle-thumb{background:var(--accent);border-radius:0;width:20px;height:20px;transition:transform .2s;position:absolute;top:2px;left:2px}.theme-toggle-track[data-mode=dark] .theme-toggle-thumb{transform:translate(22px)}.theme-toggle-icon{z-index:1;color:var(--text-muted);display:flex;position:relative}.theme-toggle-track[data-mode=light] .theme-sun,.theme-toggle-track[data-mode=dark] .theme-moon{color:var(--accent-contrast)}.page{height:auto;min-height:min-content;animation:.35s both page-in;display:block;overflow:visible}.page>*+*{margin-top:16px}.page-fill{flex-direction:column;gap:16px;height:100%;min-height:0;max-height:100%;display:flex;overflow:hidden}.page-fill>*+*{margin-top:0}.page-fill>.page-header,.page-fill>.kpi-grid{flex-shrink:0}.page-fill>.split{flex:auto;min-height:0}@keyframes page-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.page-header{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:2px;padding:0 0 12px;display:flex;position:relative}.page-header:after{content:"";background:var(--accent);width:72px;height:2px;position:absolute;bottom:-1px;left:0}.page-kicker{font-family:var(--font-display);letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin-bottom:6px;font-size:11px;font-weight:600}.page-header h1{letter-spacing:.01em;text-transform:uppercase;font-size:30px;font-weight:700;line-height:1.02}.page-subtitle{color:var(--text-secondary);max-width:62ch;margin-top:8px;font-size:14px;line-height:1.45}.page-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}@media (width<=1100px){.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.kpi-grid{grid-template-columns:1fr}}.kpi{background:var(--surface);border:1px solid var(--border-strong);border-left:4px solid var(--accent);box-shadow:var(--shadow);border-radius:0;padding:14px 16px}a.kpi-link{color:inherit;cursor:pointer;text-decoration:none;transition:border-color .15s,background .15s,box-shadow .15s;display:block}a.kpi-link:hover,a.kpi-link:active,a.kpi-link:focus,a.kpi-link:visited{color:inherit;text-decoration:none}a.kpi-link:hover{background:color-mix(in srgb, var(--accent-soft) 55%, var(--surface));border-color:var(--border-strong);box-shadow:inset 3px 0 0 var(--accent)}a.kpi-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}a.kpi-link:hover .kpi-meta{color:var(--accent);text-decoration:none}.kpi-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;font-size:11px;font-weight:600;font-family:var(--font-display)}.kpi-value{font-family:var(--font-display);letter-spacing:.01em;margin-top:8px;font-size:30px;font-weight:700;line-height:1}.kpi-meta{color:var(--text-secondary);margin-top:6px;font-size:12px}.kpi-meta.up{color:var(--success)}.kpi-meta.down{color:var(--danger)}.data-table{border-collapse:collapse;width:100%;font-size:13px}.data-table th,.data-table td{text-align:left;border-bottom:1px solid var(--border);vertical-align:middle;padding:10px 12px}.data-table th{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);background:var(--hatch), var(--surface-2);font-size:11px;font-weight:600;font-family:var(--font-display)}.data-table tr:last-child td{border-bottom:none}.data-table tbody tr{transition:background .12s}.data-table tbody tr:hover,.data-table tbody tr.is-selected{background:var(--accent-soft)}.toolbar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.period-bar{flex-wrap:wrap;align-items:flex-end;gap:12px;margin-bottom:16px;display:flex}.period-field{flex-direction:column;gap:6px;min-width:0;margin:0;display:flex}.period-field-label{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);height:12px;font-size:11px;font-weight:600;line-height:1}.period-input{width:220px;max-width:100%;height:36px;padding:0 12px}.period-apply.btn{flex-shrink:0;height:36px;padding:0 14px}.search{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);min-width:220px;height:36px;padding:0 12px}.select{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);height:36px;padding:0 12px}.empty{text-align:center;color:var(--text-muted);padding:32px}.mono{font-family:var(--font-mono);font-size:12px}.split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:12px;min-width:0;display:grid}.split-side{grid-template-columns:minmax(0,1fr) minmax(260px,320px)}.stack-col{flex-direction:column;gap:12px;min-width:0;min-height:0;display:flex}.stack-col>.panel{flex-direction:column;min-width:0;margin:0;display:flex}.alarms-side-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:12px;min-width:0;display:grid}.alarms-side-grid>.panel{flex-direction:column;height:100%;min-height:0;display:flex}.alarms-side-grid>.panel .panel-body{flex:auto}@media (width<=1100px){.alarms-side-grid{grid-template-columns:1fr}}.split>.panel{flex-direction:column;min-width:0;height:100%;margin:0;display:flex;overflow:hidden}.split>.panel .panel-header{box-sizing:border-box;flex-shrink:0;min-height:48px}.split>.panel .panel-body{flex-direction:column;flex:auto;min-width:0;min-height:0;display:flex;overflow:auto}.split .data-table{min-width:0}.split .data-table th:last-child,.split .data-table td:last-child,.split .data-table .cell-status{white-space:nowrap}.data-table .cell-actions{white-space:nowrap;text-align:center;width:1%;padding-right:8px}.data-table .cell-actions .btn{justify-content:center;min-width:7.5rem}.data-table .cell-level,.data-table .cell-badge,.data-table .cell-status{white-space:nowrap;width:1%}.cell-actions-empty{color:var(--text-muted);font-size:12px}.linkish{color:var(--accent);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0;font-weight:600}.linkish:hover{text-decoration:underline}.icon-action{border:1px solid var(--border);background:var(--surface-2);width:32px;height:32px;color:var(--text);cursor:pointer;justify-content:center;align-items:center;padding:0;transition:border-color .12s,background .12s,color .12s;display:inline-flex}.icon-action:hover{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.icon-action:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.table-actions{flex-flow:row;align-items:center;gap:4px;display:inline-flex}.table-actions .btn-sm{height:28px;padding:0 8px;font-size:12px}@media (width<=1000px){.split,.split-side{grid-template-columns:1fr}.split>.panel{height:auto}}.modal-root{z-index:10000;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal-backdrop{background:var(--overlay);cursor:pointer;border:none;margin:0;padding:0;animation:.18s both modal-fade;position:absolute;inset:0}.modal-dialog{z-index:1;background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 92%, #fff) 0%, var(--surface) 100%);border:1px solid var(--border-strong);width:min(100%,520px);max-height:min(88vh,720px);box-shadow:var(--shadow-lg);flex-direction:column;animation:.22s cubic-bezier(.22,1,.36,1) both modal-rise;display:flex;position:relative}.modal-sm{width:min(100%,400px)}.modal-md{width:min(100%,560px)}.modal-lg{width:min(100%,720px)}.modal-xl{width:min(100%,880px)}.modal-header{border-bottom:1px solid var(--border);background:var(--hatch), linear-gradient(90deg, color-mix(in srgb, var(--accent-soft) 70%, var(--surface-2)) 0%, var(--surface) 100%);justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex;position:relative}.modal-header:before{content:"";background:var(--accent);width:3px;position:absolute;top:0;bottom:0;left:0}.modal-header h2{letter-spacing:.06em;text-transform:uppercase;padding-left:6px;font-size:16px;font-weight:600}.modal-close{border:1px solid var(--border);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;background:0 0;font-size:20px;line-height:1}.modal-close:hover{background:var(--surface-2);color:var(--text)}.modal-body{flex:1;min-height:0;padding:16px;overflow:auto}.modal-footer{border-top:1px solid var(--border);background:var(--surface);justify-content:flex-end;gap:8px;padding:12px 16px;display:flex}.modal-form .field textarea,.modal-textarea{border:1px solid var(--border);background:var(--surface);resize:vertical;min-height:88px;font:inherit;padding:10px 12px}.modal-form .field textarea:focus,.modal-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.modal-hint{color:var(--text-secondary);font-size:13px;line-height:1.45}.modal-list-item{background:var(--surface-2);border-left:3px solid var(--accent);text-align:left;width:100%;color:inherit;cursor:pointer;border-top:none;border-bottom:none;border-right:none;align-items:flex-start;gap:10px;padding:10px;display:flex}.modal-list-item:hover{background:var(--accent-soft)}.toast{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-lg);border-left:3px solid var(--accent);padding:12px 14px;font-size:13px;animation:.2s both modal-rise}.toast-success{border-left-color:var(--success)}.toast-error{border-left-color:var(--danger)}.toast-info{border-left-color:var(--info)}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}@keyframes modal-rise{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.detail-grid{grid-template-columns:1fr 1fr;gap:12px 16px;margin:0;display:grid}.detail-item dt{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:11px;font-family:var(--font-mono);margin-bottom:4px}.detail-item dd{word-break:break-word;margin:0;font-size:14px;font-weight:600;line-height:1.35}.detail-block{border-top:1px solid var(--border);margin-top:14px;padding-top:14px}.detail-block:first-child{border-top:none;margin-top:0;padding-top:0}.detail-block-title{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-bottom:10px;font-size:11px}.detail-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.detail-timeline{flex-direction:column;gap:8px;display:flex}.detail-timeline-item{background:var(--surface-2);border-left:3px solid var(--accent);grid-template-columns:72px 1fr;gap:10px;padding:8px 10px;font-size:13px;display:grid}.detail-timeline-item .mono{color:var(--text-muted)}.detail-checklist{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.detail-checklist li{background:var(--surface-2);border:1px solid var(--border);padding:8px 10px 8px 28px;font-size:13px;position:relative}.detail-checklist li:before{content:"";background:var(--accent);width:8px;height:8px;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.data-table tbody tr.is-clickable{cursor:pointer}.data-table tbody tr.is-clickable:hover{background:var(--accent-soft)}.kpi-button{text-align:left;cursor:pointer;width:100%;color:inherit;font:inherit;appearance:none;display:block}.kpi-button:hover{background:color-mix(in srgb, var(--accent-soft) 55%, var(--surface));border-color:var(--border-strong);box-shadow:inset 3px 0 0 var(--accent)}.feed-item-btn{background:var(--surface-2);border:none;border-left:3px solid var(--accent);width:100%;color:inherit;cursor:pointer;text-align:left;justify-content:space-between;align-items:flex-start;gap:10px;padding:10px 12px;display:flex}.feed-item-btn:hover{background:var(--accent-soft)}@media (width<=640px){.detail-grid,.detail-timeline-item{grid-template-columns:1fr}}.shell{grid-template-columns:var(--sidebar-w) 1fr;background:radial-gradient(900px 420px at 100% 0%, var(--ink-soft), transparent 50%), linear-gradient(180deg, var(--ink-soft), transparent 28%), var(--bg);grid-template-rows:minmax(0,1fr);height:100%;min-height:0;max-height:100%;transition:grid-template-columns .22s cubic-bezier(.22,1,.36,1);display:grid;overflow:hidden}.shell.is-sidebar-collapsed{grid-template-columns:var(--sidebar-w-collapsed) 1fr}.shell-main{flex-direction:column;min-width:0;height:100%;min-height:0;max-height:100%;display:flex;overflow:hidden}.shell-content{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:auto;min-height:0;padding:22px 28px 40px;overflow:hidden auto}.sidebar{background:linear-gradient(180deg, color-mix(in srgb, var(--sidebar-bg) 82%, #fff) 0%, var(--sidebar-bg) 40%), var(--sidebar-bg);border-right:1px solid color-mix(in srgb, var(--sidebar-bg) 75%, #1a3326);color:var(--sidebar-text);flex-direction:column;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.sidebar:before{content:"";background:linear-gradient(180deg, var(--accent), color-mix(in srgb, var(--accent) 30%, transparent));width:3px;position:absolute;top:0;bottom:0;left:0}.sidebar-brand{border-bottom:1px solid color-mix(in srgb, var(--sidebar-text) 14%, transparent);align-items:center;gap:10px;min-height:68px;padding:16px 10px 14px 16px;display:flex}.sidebar-logo{background:linear-gradient(160deg, color-mix(in srgb, var(--accent) 82%, #fff), var(--accent));width:36px;height:36px;color:var(--accent-contrast);font-family:var(--font-display);letter-spacing:.06em;border-radius:0;flex-shrink:0;place-items:center;font-size:12px;font-weight:700;display:grid;box-shadow:inset 0 1px #fff3}.sidebar-brand-text{flex:1;min-width:0;overflow:hidden}.sidebar-brand-name{font-family:var(--font-display);letter-spacing:.02em;white-space:normal;text-transform:uppercase;color:var(--sidebar-text);overflow-wrap:anywhere;font-size:14px;font-weight:700;line-height:1.15}.sidebar-brand-sub{font-family:var(--font-display);letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;color:var(--sidebar-text);margin-top:2px;font-size:14px;font-weight:700;line-height:1.15}.sidebar-collapse{border:1px solid color-mix(in srgb, var(--sidebar-text) 18%, transparent);background:color-mix(in srgb, var(--sidebar-text) 6%, transparent);width:28px;height:28px;color:var(--sidebar-muted);cursor:pointer;flex-shrink:0;place-items:center;padding:0;display:grid}.sidebar-collapse:hover{background:color-mix(in srgb, var(--accent) 28%, transparent);border-color:color-mix(in srgb, var(--accent) 55%, transparent);color:var(--accent-contrast)}.sidebar-nav{flex-direction:column;flex:1;gap:2px;padding:12px 8px 12px 12px;display:flex;overflow:auto}.sidebar-link{color:var(--sidebar-muted);font-size:13.5px;font-weight:500;font-family:var(--font-body);border-left:2px solid #0000;border-radius:0;align-items:center;gap:10px;min-height:38px;padding:9px 10px;text-decoration:none;transition:background .12s,color .12s,border-color .12s;display:flex}.sidebar-icon{width:22px;height:22px;color:var(--sidebar-muted);flex-shrink:0;place-items:center;display:grid}.sidebar-link-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.sidebar-link:hover{background:color-mix(in srgb, var(--sidebar-text) 8%, transparent);color:var(--sidebar-text);text-decoration:none}.sidebar-link:hover .sidebar-icon{color:var(--sidebar-text)}.sidebar-link.is-active{color:#fff;font-family:var(--font-display);letter-spacing:.02em;background:linear-gradient(90deg,#ffffff2e,#0000 88%);border-left-color:#fff;font-weight:600}.sidebar-link.is-active .sidebar-icon{color:#fff}.sidebar-footer{border-top:1px solid color-mix(in srgb, var(--sidebar-text) 14%, transparent);flex-direction:column;gap:10px;padding:12px 10px 14px 12px;display:flex}.sidebar-user{align-items:center;gap:10px;min-width:0;display:flex}.sidebar-avatar{color:#fff;width:34px;height:34px;font-size:11px;font-weight:700;font-family:var(--font-display);background:#ffffff2e;border:1px solid #ffffff59;border-radius:0;flex-shrink:0;place-items:center;display:grid}.sidebar-user-meta{min-width:0;overflow:hidden}.sidebar-user-name{white-space:nowrap;text-overflow:ellipsis;color:var(--sidebar-text);font-size:13px;font-weight:650;overflow:hidden}.sidebar-user-role{color:var(--sidebar-muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.sidebar-logout{border:1px solid color-mix(in srgb, var(--sidebar-text) 18%, transparent);height:32px;color:var(--sidebar-muted);cursor:pointer;letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:600;font-family:var(--font-display);background:0 0;border-radius:0;justify-content:center;align-items:center;gap:8px;padding:0 10px;display:flex}.sidebar-logout-icon{flex-shrink:0;display:none}.sidebar-logout:hover{background:var(--danger-soft);border-color:color-mix(in srgb, var(--danger) 40%, transparent);color:var(--danger)}.sidebar.is-collapsed .sidebar-brand{flex-direction:column;gap:8px;padding:12px 8px}.sidebar.is-collapsed .sidebar-brand-text,.sidebar.is-collapsed .sidebar-link-label,.sidebar.is-collapsed .sidebar-user-meta,.sidebar.is-collapsed .sidebar-logout-label{display:none}.sidebar.is-collapsed .sidebar-nav{align-items:stretch;padding:10px 6px}.sidebar.is-collapsed .sidebar-link{border-bottom:2px solid #0000;border-left-width:0;justify-content:center;gap:0;padding:10px 0}.sidebar.is-collapsed .sidebar-link.is-active{border-left-color:#0000;border-bottom-color:var(--accent)}.sidebar.is-collapsed .sidebar-footer{align-items:center;padding:10px 6px 12px}.sidebar.is-collapsed .sidebar-user{justify-content:center}.sidebar.is-collapsed .sidebar-logout{width:34px;padding:0}.sidebar.is-collapsed .sidebar-logout-icon{display:block}.sidebar.is-collapsed .sidebar-collapse{width:34px}.header{height:var(--header-h);border-bottom:1px solid var(--border-strong);background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:0 28px;display:flex}.header-left{align-items:center;gap:16px;min-width:0;display:flex}.header-title{letter-spacing:.04em;text-transform:uppercase;font-size:17px;font-weight:600}.header-live{color:var(--text-muted);font-size:11px;font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--border);background:var(--surface);align-items:center;gap:8px;padding:4px 9px;font-weight:600;display:inline-flex}.header-live-dot{background:var(--success);width:7px;height:7px;box-shadow:0 0 0 0 var(--success);border-radius:0;animation:2s infinite pulse-live}@keyframes pulse-live{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--success) 45%, transparent)}70%{box-shadow:0 0 0 7px #0000}to{box-shadow:0 0 #0000}}.header-right{align-items:center;gap:12px;display:flex}.header-bell{border:1px solid var(--border);background:var(--surface);width:34px;height:34px;color:var(--text-secondary);cursor:pointer;border-radius:0;place-items:center;display:grid;position:relative}.header-bell-badge{background:var(--danger);color:#fff;min-width:16px;height:16px;font-size:10px;font-weight:700;font-family:var(--font-mono);border-radius:0;place-items:center;padding:0 4px;display:grid;position:absolute;top:-5px;right:-5px}@media (width<=900px){.shell{grid-template-columns:1fr}.sidebar{display:none}.shell-content{padding:16px}.header{padding:0 16px}}.chart-wrap{flex-direction:column;gap:14px;min-width:0;display:flex}.chart-frame{border:1px solid var(--border);background:linear-gradient(165deg, color-mix(in srgb, var(--accent-soft) 40%, var(--surface)) 0%, var(--surface-2) 55%, var(--surface) 100%);position:relative;overflow:visible}.chart-frame:before{content:"";background:linear-gradient(90deg, var(--accent), color-mix(in srgb, var(--accent) 20%, var(--warn)), transparent 80%);z-index:1;pointer-events:none;height:2px;position:absolute;inset:0 0 auto}.chart-svg{background:0 0;width:100%;height:auto;display:block}.chart-plot-bg{opacity:.55}.chart-dot-pat{fill:var(--border-strong);opacity:.45}.chart-grid{stroke:color-mix(in srgb, var(--border-strong) 55%, transparent);stroke-width:1px;stroke-dasharray:3 5}.chart-axis-label{fill:var(--text-muted);font-size:10px;font-family:var(--font-mono);letter-spacing:.02em}.chart-area{pointer-events:none;animation:.7s both chart-fade}.chart-line{filter:drop-shadow(0 1px 0 color-mix(in srgb, var(--bg) 40%, transparent));pointer-events:none;animation:1s both chart-draw}.chart-point-group{pointer-events:all}.chart-point{opacity:0;transform-box:fill-box;transform-origin:50%;pointer-events:none;transition:opacity .15s,transform .15s;transform:scale(.6)}.chart-point-hit{fill:#0000;cursor:crosshair}.chart-point-group:hover .chart-point,.chart-point-group:focus-within .chart-point{opacity:1;transform:scale(1)}.chart-hit-area{cursor:crosshair}.chart-crosshair{stroke:var(--accent);stroke-width:1.2px;stroke-dasharray:3 4;opacity:.65;pointer-events:none}.chart-point-active{pointer-events:none;filter:drop-shadow(0 0 3px color-mix(in srgb, var(--accent) 35%, transparent))}.chart-point-end{pointer-events:none}.chart-pulse{pointer-events:none;animation:2.4s ease-in-out infinite chart-pulse}.chart-tooltip{z-index:3;border:1px solid var(--border-strong);background:color-mix(in srgb, var(--surface) 94%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);min-width:148px;max-width:220px;box-shadow:var(--shadow-md,0 8px 24px #0000001f);pointer-events:none;padding:8px 10px;position:absolute;top:14px;transform:translate(12px)}.chart-tooltip.is-left{transform:translate(calc(-100% - 12px))}.chart-tooltip-time{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);margin-bottom:6px;font-size:10px}.chart-tooltip-list{flex-direction:column;gap:5px;margin:0;padding:0;list-style:none;display:flex}.chart-tooltip-list li{grid-template-columns:10px 1fr auto;align-items:center;gap:8px;font-size:12px;display:grid}.chart-tooltip-list i{width:8px;height:8px;display:block}.chart-tooltip-name{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.chart-tooltip-list strong{font-family:var(--font-display);color:var(--text);white-space:nowrap;font-size:13px;font-weight:700}.chart-legend-item.is-hover .chart-legend-val{color:var(--accent)}@keyframes chart-fade{0%{opacity:0}to{opacity:1}}@keyframes chart-draw{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes chart-pulse{0%,to{opacity:.12}50%{opacity:.32}}.chart-legend{flex-wrap:wrap;gap:8px;display:flex}.chart-legend-item{border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);font-size:12px;font-family:var(--font-mono);align-items:center;gap:8px;padding:6px 10px;display:inline-flex}.chart-legend-item i{flex-shrink:0;width:14px;height:3px;display:inline-block}.chart-legend-name{color:var(--text-muted)}.chart-legend-val{font-family:var(--font-display);color:var(--text);letter-spacing:-.02em;font-size:14px;font-weight:700}.mini-bars{align-items:flex-end;gap:12px;min-width:0;height:180px;padding:8px 4px 0;display:flex}.mini-bar{cursor:default;flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:6px;min-width:0;height:100%;animation:.55s cubic-bezier(.22,1,.36,1) both bar-rise;display:flex;position:relative}.mini-bar.is-hover .mini-bar-value{color:var(--accent)}.mini-bar.is-hover .mini-bar-track{border-color:var(--accent)}.mini-bar-value{font-family:var(--font-display);color:var(--text);letter-spacing:-.02em;font-size:13px;font-weight:700;line-height:1;position:relative}.mini-bar-tip{border:1px solid var(--border-strong);background:var(--surface);font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary);white-space:nowrap;box-shadow:var(--shadow-md,0 6px 16px #0000001a);z-index:2;pointer-events:none;padding:4px 8px;font-size:10px;font-weight:500;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.mini-bar-track{border:1px solid var(--border);background:repeating-linear-gradient(0deg, transparent, transparent 7px, color-mix(in srgb, var(--border) 70%, transparent) 8px), var(--surface-2);flex:1;align-items:flex-end;width:100%;max-width:42px;min-height:0;display:flex;overflow:hidden}.mini-bar-fill{transform-origin:bottom;width:100%;min-height:3px;animation:.7s cubic-bezier(.22,1,.36,1) both bar-fill;box-shadow:inset 0 1px #ffffff40}.mini-bar-label{color:var(--text-muted);font-size:11px;font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}@keyframes bar-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes bar-fill{0%{transform:scaleY(.08)}to{transform:scaleY(1)}}.login{color:#f4f7f4;flex-direction:column;height:100%;max-height:100%;display:flex;position:relative;overflow:hidden}.login-hero{z-index:0;background:#0c1611;position:absolute;inset:0;overflow:hidden}.login-hero-img{object-fit:cover;object-position:45% center;width:100%;height:100%;animation:18s ease-out both login-ken;transform:scale(1.06)}.login-hero-scrim{background:linear-gradient(105deg,#060e0ae0 0%,#060e0ab8 38%,#060e0a59 62%,#060e0a8c 100%),radial-gradient(50% 60% at 78%,#0f6b4238,#0000 70%);position:absolute;inset:0}.login-topbar{z-index:2;flex-shrink:0;justify-content:flex-end;padding:16px 28px;display:flex;position:relative}.login-stage{z-index:2;box-sizing:border-box;flex:1;grid-template-columns:minmax(0,1.15fr) minmax(320px,400px);align-items:center;gap:clamp(28px,5vw,64px);width:100%;max-width:1200px;min-height:0;margin:0 auto;padding:12px 40px 40px;display:grid;position:relative}.login-brand{min-width:0;max-width:34rem;animation:.7s cubic-bezier(.22,1,.36,1) both login-fade}.login-brand-mark{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:#7dcea0;margin:0 0 14px;font-size:12px;font-weight:600}.login-brand-title{font-family:var(--font-display);letter-spacing:-.02em;text-transform:uppercase;color:#f7faf7;text-wrap:balance;margin:0;font-size:clamp(40px,5.4vw,64px);font-weight:700;line-height:.98}.login-brand-lead{max-width:28rem;font-family:var(--font-body);color:#e8f0eac7;margin:18px 0 0;font-size:clamp(14px,1.35vw,17px);line-height:1.45;animation:.7s cubic-bezier(.22,1,.36,1) 80ms both login-fade}.login-form{background:color-mix(in srgb, var(--surface) 94%, transparent);width:100%;max-width:400px;color:var(--text);border:1px solid color-mix(in srgb, #fff 18%, var(--border-strong));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-sizing:border-box;flex-direction:column;justify-self:end;gap:12px;max-height:calc(100% - 8px);padding:22px 22px 20px;animation:.55s cubic-bezier(.22,1,.36,1) .12s both login-rise;display:flex;position:relative;overflow:auto;box-shadow:0 28px 64px #00000059}.login-form:before{content:"";background:linear-gradient(90deg, var(--accent), color-mix(in srgb, var(--accent) 30%, var(--warn)));height:3px;position:absolute;top:0;left:0;right:0}@keyframes login-ken{0%{transform:scale(1.12)}to{transform:scale(1.06)}}@keyframes login-fade{0%{opacity:0;transform:translate(-18px)}to{opacity:1;transform:translate(0)}}@keyframes login-rise{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-form-header h2{font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;color:var(--text);margin:0;font-size:20px;font-weight:700;line-height:1.15}.login-form-header p{color:var(--text-muted);margin:4px 0 0;font-size:12px}.login-form .field{gap:4px}.login-form .field-hint{display:none}.login-form .input{height:40px;padding:8px 12px}.login-row{justify-content:space-between;align-items:center;gap:12px;font-size:12px;display:flex}.login-remember{color:var(--text-secondary);cursor:pointer;align-items:center;gap:8px;display:inline-flex}.login-link{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;font-weight:600}.login-roles{border-top:1px solid var(--border);margin-top:2px;padding-top:10px}.login-roles-title{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:8px;font-size:11px;font-weight:600}.login-roles-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.login-role-chip{text-align:left;border:1px solid var(--border);background:var(--surface-2);cursor:pointer;color:inherit;box-sizing:border-box;width:100%;min-width:0;padding:8px 10px;transition:border-color .15s,background .15s,transform .15s}.login-role-chip:hover{border-color:var(--accent);background:var(--accent-soft);transform:translateY(-1px)}.login-role-chip strong{font-size:11px;font-family:var(--font-display);white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;display:block;overflow:hidden}.login-role-chip span{color:var(--text-muted);-webkit-line-clamp:1;-webkit-box-orient:vertical;font-size:10px;line-height:1.25;display:-webkit-box;overflow:hidden}@media (width<=960px){.login-stage{grid-template-columns:1fr;align-content:center;justify-items:stretch;gap:24px;padding:8px 20px 28px;overflow:auto}.login-brand{max-width:none}.login-brand-title{font-size:clamp(32px,9vw,44px)}.login-form{justify-self:stretch;max-width:440px;margin:0 auto}.login-hero-scrim{background:linear-gradient(#060e0ac7 0%,#060e0a8c 40%,#060e0ae0 100%)}}@media (height<=720px){.login-topbar{padding:10px 20px}.login-stage{gap:18px;padding-block:4px 16px}.login-brand-lead{display:none}.login-form{gap:8px;padding:16px}.login-role-chip span{display:none}}@media (prefers-reduced-motion:reduce){.login-hero-img,.login-brand,.login-brand-lead,.login-form{animation:none}.login-hero-img{transform:scale(1.04)}}.mimic{min-width:0}.mimic-canvas{border:1px solid var(--border);background:var(--floor-bg);min-height:280px;padding:16px;position:relative;overflow:hidden}.mimic-grid{background-image:linear-gradient(var(--floor-grid) 1px, transparent 1px), linear-gradient(90deg, var(--floor-grid) 1px, transparent 1px);pointer-events:none;background-size:28px 28px;position:absolute;inset:0}.mimic-sections{z-index:1;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid;position:relative}.mimic-card{text-align:left;border:1px solid var(--border-strong);background:var(--surface);cursor:pointer;color:inherit;border-left-width:4px;min-width:0;padding:12px;transition:border-color .15s,transform .15s,background .15s;overflow:hidden}.mimic-card:hover{background:color-mix(in srgb, var(--accent-soft) 40%, var(--surface));transform:translateY(-2px)}.mimic-card.state-run{border-left-color:var(--state-run)}.mimic-card.state-idle{border-left-color:var(--state-idle)}.mimic-card.state-warn{border-left-color:var(--state-warn)}.mimic-card.state-alarm{border-left-color:var(--state-alarm);animation:1.6s infinite alarm-pulse}.mimic-card.state-offline{border-left-color:var(--state-offline);opacity:.75}@keyframes alarm-pulse{0%,to{box-shadow:inset 0 0 #0000}50%{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--danger) 35%, transparent)}}.mimic-card-top{justify-content:space-between;align-items:flex-start;gap:8px;min-width:0;margin-bottom:10px;display:flex}.mimic-card-top strong{flex:auto;min-width:0;font-size:13px;line-height:1.3}.mimic-card-top .badge{flex:none;max-width:100%}.mimic-metrics{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.mimic-metric{border:1px solid var(--border);background:var(--surface-2);cursor:pointer;color:inherit;text-align:left;padding:6px 8px}.mimic-metric:hover{border-color:var(--accent);background:var(--accent-soft)}.mimic-metric span{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:10px;font-family:var(--font-mono);display:block}.mimic-metric b{font-size:13px;font-family:var(--font-display);margin-top:2px;font-weight:700;display:block}.mimic-foot{color:var(--text-muted);font-size:11px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.04em;gap:10px;margin-top:10px;display:flex}.mimic-foot .ok{color:var(--success)}.mimic-foot .bad{color:var(--danger);font-weight:700}.mimic-dl{grid-template-columns:1fr 1fr;gap:12px;margin:0;display:grid}.mimic-dl dt{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:11px;font-family:var(--font-mono);margin-bottom:4px}.mimic-dl dd{margin:0;font-weight:600}.modal-hint{color:var(--text-secondary);margin-bottom:14px;font-size:13px}.modal-list{flex-direction:column;gap:8px;display:flex}.modal-list-item{border:1px solid var(--border);background:var(--surface-2);align-items:flex-start;gap:12px;padding:10px 12px;display:flex}.modal-form{flex-direction:column;gap:12px;display:flex}@media (width<=640px){.mimic-dl{grid-template-columns:1fr}}.cam-sim{aspect-ratio:16/10;border:1px solid var(--border);cursor:pointer;contain:layout paint size;isolation:isolate;background:#121816;flex-shrink:0;width:100%;position:relative;overflow:hidden;box-shadow:inset 0 0 40px #00000059}.cam-sim-large{aspect-ratio:16/9;cursor:default;width:100%;max-height:min(52vh,420px)}.cam-sim-canvas{pointer-events:none;filter:contrast(1.05)saturate(.92);width:100%;height:100%;display:block;position:absolute;inset:0}.cam-sim-large .cam-sim-canvas{filter:contrast(1.08)saturate(.95)}.cam-sim-top{z-index:2;pointer-events:none;justify-content:space-between;align-items:flex-start;gap:8px;display:flex;position:absolute;top:8px;left:8px;right:8px}.cam-sim-hud{background:color-mix(in srgb, var(--surface) 82%, transparent);border:1px solid var(--border);min-width:0;max-width:100%;font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:8px;padding:4px 8px;font-size:10px;display:inline-flex}.cam-sim-live{flex-shrink:0;align-items:center;gap:5px;font-weight:700;display:inline-flex}.cam-sim-live i{background:var(--success);width:6px;height:6px;animation:2s infinite pulse-live;display:inline-block}.cam-sim-live-degraded i{background:var(--warn)}.cam-sim-live-offline i{background:var(--danger);animation:none}.cam-sim-label{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.cam-sim-meta{z-index:2;background:color-mix(in srgb, var(--surface) 78%, transparent);border:1px solid var(--border);font-family:var(--font-mono);letter-spacing:.04em;color:var(--text-secondary);pointer-events:none;justify-content:space-between;align-items:center;gap:8px;padding:4px 8px;font-size:10px;display:flex;position:absolute;bottom:8px;left:8px;right:8px}.cam-sim-meta-place{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.cam-sim-warn{background:var(--warn-soft);border:1px solid color-mix(in srgb, var(--warn) 40%, transparent);max-width:48%;color:var(--warn);font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;flex-shrink:0;padding:4px 8px;font-size:9px;overflow:hidden}button.cam-sim-hit{text-align:left;width:100%;min-width:0;color:inherit;font:inherit;cursor:pointer;background:0 0;border:none;margin:0;padding:0;display:block;overflow:hidden}button.cam-sim-hit:hover .cam-sim{border-color:var(--accent)}button.cam-sim-hit:focus-visible .cam-sim{outline:2px solid var(--accent);outline-offset:2px}.cam-sim-modal{margin-bottom:0}.video-page{min-height:0}.video-page.page-fill{height:auto;min-height:100%;max-height:none;overflow:auto}.video-page .page-header,.video-page .video-kpi,.video-page .video-quality-panel{flex-shrink:0}.video-kpi .kpi-unit{letter-spacing:.04em;color:var(--text-muted);vertical-align:super;margin-left:4px;font-size:.45em;font-weight:600}.video-grid{flex:auto;grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;min-width:0;height:100%;min-height:0;display:grid}.video-page-split{flex:auto;grid-template-columns:minmax(0,1.35fr) minmax(320px,.9fr);align-items:stretch;min-height:max(440px,100vh - 460px)}.video-page-split>.panel{min-width:0;height:100%}.video-page-split .panel-body{flex:auto;min-height:0}.video-page-split .cam-sim-hit{height:100%;min-height:0;display:block}.video-page-split .cam-sim{height:100%;aspect-ratio:unset}.video-side{flex-direction:column;gap:12px;min-width:0;height:100%;min-height:0;display:flex}.video-side>.panel{flex-direction:column;min-width:0;margin:0;display:flex;overflow:hidden}.video-events-panel{flex-direction:column;flex:auto;min-height:0;display:flex;overflow:hidden}.video-events-panel .panel-body{flex-direction:column;flex:auto;min-height:0;padding:0;display:flex}.video-events-scroll{flex:auto;min-height:0;overflow:auto}.video-events-scroll .data-table{margin:0}.video-events-scroll .data-table th,.video-events-scroll .data-table td{padding:9px 12px}.video-detectors-panel{flex:none}.video-detectors{flex-direction:column;gap:12px;display:flex}.video-detector-row{justify-content:space-between;align-items:center;gap:10px;font-size:13px;font-weight:600;display:flex}.video-detector-bar{background:var(--surface-2);border:1px solid var(--border);height:6px;margin-top:6px}.video-detector-bar i{background:linear-gradient(90deg, var(--accent), color-mix(in srgb, var(--accent) 40%, var(--warn)));height:100%;display:block}.video-detector-meta{color:var(--text-muted);margin-top:4px;font-size:11px}.video-quality-panel .panel-body{padding:0;overflow:visible}.video-quality-panel .data-table{margin:0}@media (width<=1100px){.video-page-split{grid-template-columns:1fr;min-height:auto}.video-side{height:auto}.video-grid{min-height:420px}}:root,[data-theme=light]{--bg:#c8d2cc;--bg-elevated:#d5ddd7;--surface:#fbfcf9;--surface-2:#eef2ee;--border:#a7b6ac;--border-strong:#6d8274;--text:#0e1611;--text-secondary:#2f4036;--text-muted:#5a6d61;--accent:#0f6b42;--accent-hover:#0b5535;--accent-soft:#0f6b421f;--accent-contrast:#f3fbf6;--warn:#c45f08;--warn-soft:#c45f0824;--danger:#c22733;--danger-soft:#c227331f;--success:#0b8a55;--success-soft:#0b8a551f;--info:#1a6f9c;--info-soft:#1a6f9c1f;--shadow:0 1px 0 #0e16110a, 0 8px 24px #0e161114;--shadow-lg:0 24px 56px #0e161129;--floor-bg:#b7c3bc;--floor-grid:#0e161117;--login-glow-a:#0f6b4247;--login-glow-b:#c45f0824;--overlay:#0e161180;--ink-soft:#0f6b4217;--sidebar-bg:#3a6b52;--sidebar-text:#f2faf5;--sidebar-muted:#c5dbcd;--panel-edge:#0f6b42;--hatch:repeating-linear-gradient(-45deg, transparent, transparent 3px, #0f6b420f 3px, #0f6b420f 4px);--state-run:#0b8a55;--state-idle:#5a6d61;--state-alarm:#c22733;--state-warn:#c45f08;--state-offline:#4a5860;--sidebar-w:252px;--sidebar-w-collapsed:64px;--header-h:54px;--radius:0;--radius-sm:0;--font-display:"Chakra Petch", "Arial Narrow", sans-serif;--font-body:"IBM Plex Sans", "Segoe UI", sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace;--grain:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.45'/%3E%3C/svg%3E")}[data-theme=dark]{--bg:#070b09;--bg-elevated:#0c1210;--surface:#141c18;--surface-2:#1c2821;--border:#2e4137;--border-strong:#4a6655;--text:#eaf3ec;--text-secondary:#a4bbae;--text-muted:#73897c;--accent:#3dd68c;--accent-hover:#62e0a3;--accent-soft:#3dd68c24;--accent-contrast:#04140c;--warn:#f0a03a;--warn-soft:#f0a03a29;--danger:#ff6b5c;--danger-soft:#ff6b5c29;--success:#2fd68a;--success-soft:#2fd68a24;--info:#5eb4e8;--info-soft:#5eb4e824;--shadow:0 1px 0 #00000059, 0 10px 28px #00000059;--shadow-lg:0 28px 70px #00000094;--floor-bg:#0a100d;--floor-grid:#eaf3ec0d;--login-glow-a:#3dd68c2e;--login-glow-b:#f0a03a1a;--overlay:#000000a6;--ink-soft:#3dd68c12;--sidebar-bg:#0a1510;--sidebar-text:#d9ebe0;--sidebar-muted:#7f9688;--panel-edge:#3dd68c;--hatch:repeating-linear-gradient(-45deg, transparent, transparent 3px, #3dd68c14 3px, #3dd68c14 4px);--state-run:#2fd68a;--state-idle:#73897c;--state-alarm:#ff6b5c;--state-warn:#f0a03a;--state-offline:#5c6d64}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;overflow:hidden}body{font-family:var(--font-body);color:var(--text);background:radial-gradient(1200px 520px at 0% -10%, var(--ink-soft), transparent 55%), linear-gradient(180deg, color-mix(in srgb, var(--bg-elevated) 70%, var(--bg)), var(--bg));-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-feature-settings:"ss01" on, "kern" on;margin:0;font-size:14.5px;line-height:1.45}body:before{content:"";pointer-events:none;z-index:9999;opacity:.03;background-image:var(--grain);mix-blend-mode:multiply;background-size:180px 180px;position:fixed;inset:0}[data-theme=dark] body:before{opacity:.055;mix-blend-mode:soft-light}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:.01em;margin:0;font-weight:600}p{margin:0}ul{margin:0;padding:0;list-style:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:0}::-webkit-scrollbar-track{background:0 0}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.toast-stack{z-index:10000;flex-direction:column;gap:8px;max-width:360px;display:flex;position:fixed;bottom:20px;right:20px}.toast{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-lg);padding:12px 14px;font-size:13px;font-weight:600;animation:.25s both toast-in}.toast-success{border-left:3px solid var(--success)}.toast-error{border-left:3px solid var(--danger)}.toast-info{border-left:3px solid var(--info)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.banner{border:1px solid var(--border);background:var(--surface);flex-wrap:wrap;align-items:center;gap:8px;padding:12px 14px;font-size:13px;display:flex}.banner-ok{border-left:3px solid var(--success);background:var(--success-soft)}.banner-warn{border-left:3px solid var(--warn);background:var(--warn-soft)}.banner-danger{border-left:3px solid var(--danger);background:var(--danger-soft)}.link-box{border:1px solid var(--border);background:var(--surface-2);margin-top:14px;padding:12px}.link-box-label{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-bottom:8px;font-size:10px}.link-box-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.link-box-name{font-size:13px;font-weight:650}.pg-bind-bar{border:1px solid var(--border);background:var(--surface);flex-wrap:wrap;align-items:flex-end;gap:12px;padding:12px 14px;display:flex}.pg-bind-bar label{flex-direction:column;flex:1;gap:6px;min-width:220px;display:flex}.pg-bind-bar label span{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);font-size:10px}.pg-bind-bar .select{width:100%;height:36px}.rbac-table td:first-child{min-width:220px}.rbac-scroll{border:1px solid var(--border);background:var(--surface);max-height:min(70vh,640px);overflow:auto}.rbac-table{border-collapse:separate;border-spacing:0;min-width:920px;margin:0}.rbac-table th,.rbac-table td{white-space:nowrap}.rbac-table thead th{z-index:2;background:var(--surface-2);box-shadow:0 1px 0 var(--border);position:sticky;top:0}.rbac-table th:first-child,.rbac-table td:first-child{z-index:1;background:var(--surface);box-shadow:1px 0 0 var(--border);white-space:normal;min-width:240px;max-width:280px;position:sticky;left:0}.rbac-table thead th:first-child{z-index:3;background:var(--surface-2)}.rbac-table tbody tr:hover td:first-child{background:color-mix(in srgb, var(--accent-soft) 80%, var(--surface))}.rbac-role{writing-mode:horizontal-tb;white-space:normal;max-width:7.5rem;font-size:10px;line-height:1.25}.feed{flex-direction:column;gap:12px;display:flex}.feed-wide{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 16px;display:grid}.feed-item{background:var(--surface-2);border-left:3px solid var(--accent);align-items:flex-start;gap:10px;min-width:0;padding:10px 12px;display:flex}.feed-title{font-size:13px;font-weight:600;line-height:1.35}.feed-meta{color:var(--text-muted);margin-top:4px;font-size:11px}.feed-all-link{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--accent);font-size:11px;text-decoration:none}.feed-all-link:hover{color:var(--accent-hover);text-decoration:none}@media (width<=1100px){.feed-wide{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.feed-wide{grid-template-columns:1fr}}.shelf-bars{flex-direction:column;gap:12px;display:flex}.shelf-bar-row{flex-direction:column;gap:6px;display:flex}.shelf-bar-label{justify-content:space-between;gap:12px;font-size:13px;display:flex}.shelf-bar-track{background:var(--surface-2);border:1px solid var(--border);border-radius:0;height:6px;overflow:hidden}.shelf-bar-fill{background:var(--accent);border-radius:0;height:100%}.zone-list{flex-direction:column;gap:14px;display:flex}.zone-list li{grid-template-columns:120px 1fr;align-items:center;gap:12px;font-size:13px;display:grid}.reports-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.report-card{justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.settings-list{flex-direction:column;gap:8px;display:flex}.settings-list li{color:var(--text-secondary);padding-left:18px;font-size:13px;position:relative}.settings-list li:before{content:"";background:var(--accent);width:8px;height:2px;position:absolute;top:7px;left:0}.numbered-list{color:var(--text-secondary);flex-direction:column;gap:8px;margin:0;padding:0 0 0 1.35rem;font-size:13px;list-style:decimal;display:flex}.numbered-list li{padding-left:4px;line-height:1.4}.numbered-list li:before{content:none}@media (width<=900px){.reports-grid,.analytics-grid,.settings-grid{grid-template-columns:1fr!important}.zone-list li{grid-template-columns:1fr;gap:6px}}.video-grid{flex:auto;grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;min-width:0;min-height:0;display:grid}.video-tile{aspect-ratio:16/10;border:1px solid var(--border);background:#0e1411;width:100%;min-width:0;padding:0;display:block;position:relative;overflow:hidden}.video-tile-hud{z-index:1;background:color-mix(in srgb, var(--surface) 85%, transparent);border:1px solid var(--border);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:6px;padding:4px 8px;font-size:10px;display:inline-flex;position:absolute;top:8px;left:8px}.video-tile-scan{background:repeating-linear-gradient(0deg, transparent, transparent 6px, color-mix(in srgb, var(--accent) 8%, transparent) 7px);opacity:.7;animation:4s linear infinite scan-move;position:absolute;inset:0}@keyframes scan-move{0%{transform:translateY(-20%)}to{transform:translateY(20%)}}