@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{color:#f3f6fb;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--bg:#07101d;--surface:#0c1726;--surface-2:#101d2e;--line:#94a3b824;--line-strong:#94a3b83d;--text:#f3f6fb;--muted:#8ea0b5;--blue:#2f80ed;--green:#22c58b;--amber:#f5a524;--red:#f05252;--shadow:0 18px 48px #0107113d;background:#07101d;font-family:Inter,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{background:var(--bg);min-width:320px;min-height:100%}body{min-height:100vh;margin:0}button,input,select{font:inherit}button{color:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:2px solid #4da3ff}button:disabled{opacity:.55;cursor:not-allowed}a{color:inherit;text-decoration:none}.app-shell{background:radial-gradient(circle at 72% -10%,#195cb01f,transparent 27%),var(--bg);min-height:100vh}.sidebar{z-index:30;border-left:1px solid var(--line);background:#091423;flex-direction:column;width:268px;display:flex;position:fixed;top:0;bottom:0;right:0}.brand{border-bottom:1px solid var(--line);direction:ltr;align-items:center;gap:12px;min-height:76px;padding:12px 24px;display:flex}.brand-logo{cursor:pointer;background:0 0;border:0;flex:0 0 54px;width:54px;height:54px;padding:0}.brand-logo img{object-fit:contain;filter:drop-shadow(0 5px 10px #0a52cd2e);width:54px;height:54px;display:block}.brand-copy{white-space:nowrap;flex-direction:column;align-items:flex-start;gap:2px;display:flex}.brand-copy button{letter-spacing:0;cursor:pointer;background:0 0;border:0;padding:0;font-size:15px;font-weight:820;line-height:1.1}.brand-copy a{color:#8ea0b5;font-size:11px;font-weight:650;line-height:1.15}.brand-copy a:hover{color:#b9c8d9}.main-nav{flex-direction:column;gap:5px;padding:24px 14px;display:flex}.nav-label{color:#62758d;margin:0 12px 9px;font-size:11px;font-weight:700}.nav-item{color:#92a4b9;cursor:pointer;text-align:right;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:12px;width:100%;min-height:45px;padding:0 13px;transition:all .18s;display:flex}.nav-item:hover{color:#dce7f5;background:#ffffff09}.nav-item.active{color:#fff;background:#2f80ed21;border-color:#47a3ff29}.nav-item.active svg{color:#53a8ff}.nav-item span:nth-child(2){flex:1;font-size:13px;font-weight:650}.nav-count{color:#fff;background:#d74848;border-radius:50%;place-items:center;width:21px;height:21px;font-size:10px;font-weight:800;display:grid}.sidebar-device{border:1px solid var(--line);background:#ffffff06;border-radius:10px;margin:auto 14px 14px;padding:15px}.device-heading{color:#8fa4bb;align-items:center;gap:7px;margin-bottom:13px;font-size:11px;display:flex}.device-heading span{flex:1}.live-dot,.online-label i,.system-status i{background:var(--green);border-radius:50%;width:7px;height:7px;display:inline-block;box-shadow:0 0 0 4px #22c58b1a}.sidebar-device strong{margin-bottom:5px;font-size:13px;display:block}.sidebar-device small{color:#7f93a9;align-items:center;gap:5px;font-size:10px;display:flex}.sidebar-device button{color:#55a8ff;cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;margin-top:13px;padding:0;font-size:11px;display:flex}.sidebar-profile{border-top:1px solid var(--line);align-items:center;gap:10px;min-height:73px;padding:13px 17px;display:flex}.profile-avatar{direction:ltr;background:linear-gradient(145deg,#2454c6,#208ff4);border-radius:50%;place-items:center;width:36px;height:36px;font-size:11px;font-weight:800;display:grid}.sidebar-profile div:nth-child(2){flex-direction:column;flex:1;min-width:0;display:flex}.sidebar-profile strong{text-overflow:ellipsis;white-space:nowrap;text-align:right;direction:ltr;font-size:11px;overflow:hidden}.sidebar-profile span{color:var(--muted);font-size:10px}.sidebar-profile>svg{color:#65788e}.mobile-close{display:none}.main-area{min-height:100vh;margin-right:268px}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:20;background:#07101ddb;align-items:center;gap:20px;height:76px;padding:0 32px;display:flex;position:sticky;top:0}.page-heading{flex:1}.page-heading h1{margin:0 0 3px;font-size:19px;font-weight:800;line-height:1.15}.page-heading p{color:var(--muted);margin:0;font-size:11px}.top-actions{align-items:center;gap:15px;display:flex}.system-status{color:#9db0c3;align-items:center;gap:8px;font-size:11px;display:flex}.icon-button,.menu-button{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:8px;place-items:center;width:38px;height:38px;display:grid;position:relative}.icon-button:hover,.menu-button:hover{border-color:var(--line-strong);background:var(--surface-2)}.notification-dot{border:1px solid var(--surface);background:#f05252;border-radius:50%;width:6px;height:6px;position:absolute;top:8px;right:9px}.menu-button{display:none}.page-content{max-width:1500px;margin:0 auto;padding:27px 32px 44px}.stack{flex-direction:column;gap:20px;display:flex}.card{border:1px solid var(--line);box-shadow:var(--shadow);background:linear-gradient(145deg,#101d2ef5,#0b1726f5);border-radius:11px}.card-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:14px;min-height:64px;padding:17px 20px;display:flex}.card-header h2{margin:0 0 4px;font-size:14px;font-weight:750}.card-header p{color:var(--muted);margin:0;font-size:10px}.text-button{color:#62adff;cursor:pointer;background:0 0;border:0;align-items:center;gap:3px;padding:3px 0;font-size:10px;display:flex}.button{cursor:pointer;border-radius:7px;justify-content:center;align-items:center;gap:8px;min-height:39px;padding:0 16px;font-size:11px;font-weight:700;transition:all .15s;display:inline-flex}.button:hover:not(:disabled){transform:translateY(-1px)}.button.primary{color:#fff;background:#2579df;border:1px solid #368ff2;box-shadow:0 8px 22px #1b68ce2e}.button.primary:hover{background:#3188ea}.button.secondary{border:1px solid var(--line-strong);color:#d6e0ec;background:#ffffff09}.button.secondary:hover{background:#ffffff0e;border-color:#5da5f566}.button.dark-button{background:#18283b;border:1px solid #33445a}.button.danger-button{color:#ff9b9b;background:#f052521f;border:1px solid #f0525266}.button.compact{min-height:34px;padding:0 12px}.hero-panel{min-height:150px;box-shadow:var(--shadow);background:linear-gradient(115deg,#113257f0,#0b1b2ff2 60%,#0a1d34e6);border:1px solid #4996ee33;border-radius:12px;align-items:center;gap:30px;padding:29px 31px;display:flex;position:relative;overflow:hidden}.hero-panel>div:first-child{z-index:2;flex:1;position:relative}.eyebrow{color:#65b2ff;align-items:center;gap:6px;margin-bottom:10px;font-size:10px;font-weight:700;display:inline-flex}.hero-panel h2,.report-hero h2{margin:0 0 7px;font-size:23px;font-weight:800}.hero-panel p,.report-hero p{color:#a6b6c8;max-width:640px;margin:0;font-size:12px;line-height:1.75}.hero-actions{z-index:2;gap:9px;display:flex;position:relative}.hero-orbit{color:#489dff14;position:absolute;top:30px;left:37px;transform:rotate(-12deg)}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;display:grid}.stat-card{box-shadow:none;grid-template-rows:auto auto auto;grid-template-columns:43px 1fr;column-gap:12px;padding:17px 18px;display:grid}.stat-icon{border-radius:9px;grid-row:1/4;place-items:center;width:43px;height:43px;display:grid}.stat-icon.blue{color:#59aaff;background:#2f80ed1f}.stat-icon.violet{color:#a38bff;background:#7a5af81f}.stat-icon.red{color:#fb7777;background:#f052521c}.stat-icon.green{color:#46d5a3;background:#22c58b1a}.stat-card>span{color:var(--muted);font-size:10px}.stat-value{align-items:center;gap:8px;display:flex}.stat-value strong{direction:ltr;font-size:23px;font-weight:800;line-height:1.2}.stat-value em{color:#41d19f;background:#22c58b1a;border-radius:4px;padding:2px 5px;font-size:9px;font-style:normal}.stat-value em.urgent{color:#f98080;background:#f052521a}.stat-card>small{color:#65788f;font-size:9px}.dashboard-grid{grid-template-columns:1.45fr 1fr;gap:20px;display:grid}.dashboard-grid.lower{grid-template-columns:1.25fr 1fr}.chart-summary{align-items:baseline;gap:8px;padding:18px 20px 0;display:flex}.chart-summary strong{direction:ltr;font-size:25px}.chart-summary span{color:var(--muted);font-size:10px}.chart-summary small{color:#38cb98;margin-right:auto;font-size:9px}.bar-chart{background:repeating-linear-gradient(0deg,#0000 0 39px,#94a3b812 40px);align-items:flex-end;gap:15px;height:180px;padding:20px 25px 17px;display:flex}.bar-column{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:9px;height:100%;display:flex}.bar-column div{background:linear-gradient(#3b8cef,#1f65bd);border-radius:4px 4px 2px 2px;width:min(29px,75%);min-height:7px}.bar-column div.peak{background:linear-gradient(#58adff,#277bdf)}.bar-column span{color:#6f8299;white-space:nowrap;font-size:8px}.online-label,.offline-label{color:#56d5a7;align-items:center;gap:7px;font-size:9px;display:flex}.offline-label{color:#8ea0b5}.offline-label i{background:#697b90;border-radius:50%;width:7px;height:7px}.camera-preview{background:radial-gradient(circle at 50% 60%,#152b43,#08121f 65%);border:1px solid #81a6cd1f;border-radius:8px;place-items:center;height:145px;margin:16px 20px 11px;display:grid;position:relative;overflow:hidden}.camera-preview:before{content:"";background-color:#0000;background-image:linear-gradient(#295f9a14 1px,#0000 1px),linear-gradient(90deg,#295f9a14 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:28px 28px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}.scan-frame{color:#5badff80;place-items:center;width:110px;height:100px;display:grid;position:relative}.scan-frame span,.face-guide>span{border-style:solid;border-color:#49a3ff;width:25px;height:25px;position:absolute}.scan-frame span:first-child,.face-guide>span:first-child{border-width:2px 2px 0 0;top:0;right:0}.scan-frame span:nth-child(2),.face-guide>span:nth-child(2){border-width:2px 0 0 2px;top:0;left:0}.scan-frame span:nth-child(3),.face-guide>span:nth-child(3){border-width:0 2px 2px 0;bottom:0;right:0}.scan-frame span:nth-child(4),.face-guide>span:nth-child(4){border-width:0 0 2px 2px;bottom:0;left:0}.preview-overlay,.camera-hud{color:#7e94ab;direction:ltr;justify-content:space-between;font-size:8px;display:flex;position:absolute;inset:auto 10px 8px}.preview-overlay span{color:#49d6a4;align-items:center;gap:4px;display:flex}.device-metrics{grid-template-columns:repeat(3,1fr);gap:8px;padding:8px 20px 17px;display:grid}.device-metrics>div{color:#5baafa;gap:7px;display:flex}.device-metrics span{color:#6f8298;flex-direction:column;font-size:8px;display:flex}.device-metrics strong{color:#ced8e4;font-size:9px}.event-list{padding:5px 20px 10px}.event-row{border:0;border-bottom:1px solid var(--line);text-align:right;cursor:default;background:0 0;align-items:center;gap:11px;width:100%;min-height:58px;padding:8px 0;display:flex}.event-row:last-child{border-bottom:0}.event-row:has(>svg){cursor:pointer}.event-icon{border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.event-icon.success{color:#45d29f;background:#22c58b1a}.event-icon.danger{color:#f97878;background:#f052521a}.event-icon.warning{color:#f5b84d;background:#f5a5241a}.event-copy{flex-direction:column;flex:1;display:flex}.event-copy strong{font-size:11px}.event-copy small{color:#7f92a8;margin-top:3px;font-size:9px}.event-row time{color:#65788f;font-size:9px}.event-row>svg{color:#65788f}.score-body{align-items:center;gap:20px;padding:22px 22px 18px;display:flex}.score-ring{background:radial-gradient(circle at center,#101d2e 63%,transparent 64%),conic-gradient(#2fc899 0 94%,#223247 94% 100%);border-radius:50%;flex-direction:column;flex:0 0 105px;justify-content:center;align-items:center;width:105px;height:105px;display:flex}.score-ring span{direction:ltr;font-size:27px;font-weight:800}.score-ring small{color:#7990a7;font-size:8px}.score-details strong{font-size:13px}.score-details p{color:var(--muted);margin:6px 0 0;font-size:10px;line-height:1.65}.security-checks{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:10px;padding:13px 20px 17px;display:grid}.security-checks span{color:#9dafc2;align-items:center;gap:6px;font-size:9px;display:flex}.security-checks span svg{color:#34cc98}.security-checks span:last-child{grid-column:1/-1}.security-checks span:last-child svg{color:var(--amber)}.camera-layout{grid-template-columns:minmax(0,1.6fr) minmax(280px,.65fr);gap:20px;display:grid}.live-camera{border-bottom:1px solid var(--line);background:#050b13;place-items:center;min-height:510px;display:grid;position:relative;overflow:hidden}.live-camera video{object-fit:cover;opacity:0;width:100%;height:100%;transition:all .25s;position:absolute;transform:scaleX(-1)}.live-camera.active video{opacity:1}.camera-placeholder{z-index:2;text-align:center;flex-direction:column;align-items:center;display:flex;position:relative}.lens-icon{color:#52a8ff;background:#2f80ed14;border:1px solid #469eff40;border-radius:50%;place-items:center;width:78px;height:78px;margin-bottom:20px;display:grid}.camera-placeholder h3{margin:0 0 8px;font-size:16px}.camera-placeholder p{color:var(--muted);margin:0 0 21px;font-size:11px}.face-guide{z-index:3;width:235px;height:295px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.face-guide>span{border-color:#59b4ffcc;width:48px;height:48px;border-width:3px!important}.scan-line{background:#57afff;height:1px;animation:2s ease-in-out infinite scan;position:absolute;left:8px;right:8px;box-shadow:0 0 14px #2a91ff}@keyframes scan{0%,to{top:10%}50%{top:90%}}.camera-hud{z-index:4;color:#fff;padding:0;font-size:9px;inset:16px 18px auto}.camera-hud span:first-child{align-items:center;gap:6px;display:flex}.camera-hud i{background:#f05252;border-radius:50%;width:7px;height:7px}.verified-overlay{z-index:5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#4bddaa;background:#041919e0;border:1px solid #22c58b59;border-radius:10px;flex-direction:column;align-items:center;gap:5px;padding:24px 32px;display:flex;position:absolute}.verified-overlay strong{color:#fff;font-size:16px}.verified-overlay span{font-size:10px}.camera-controls{justify-content:center;gap:9px;padding:16px 20px;display:flex}.inline-error{color:#ff9595;background:#f0525212;border:1px solid #f0525240;border-radius:7px;align-items:center;gap:8px;margin:14px 20px 0;padding:10px 12px;font-size:10px;display:flex}.verification-steps{margin:0;padding:10px 20px 17px;list-style:none}.verification-steps li{gap:11px;min-height:59px;display:flex;position:relative}.verification-steps li:not(:last-child):after{content:"";background:#29394c;width:1px;position:absolute;top:32px;bottom:1px;right:14px}.verification-steps li>span{z-index:1;color:#6d8198;background:#122033;border:1px solid #34465c;border-radius:50%;flex:0 0 29px;place-items:center;width:29px;height:29px;font-size:10px;display:grid;position:relative}.verification-steps li.done>span{color:#42d3a0;background:#22c58b1f;border-color:#22c58b59}.verification-steps li.current>span{color:#5aafff;border-color:#3188ea}.verification-steps li div{flex-direction:column;padding-top:3px;display:flex}.verification-steps strong{font-size:10px}.verification-steps small{color:#70849b;margin-top:3px;font-size:8px}.privacy-note{color:#54aaff;gap:12px;padding:17px;display:flex}.privacy-note strong{color:#e8eef7;font-size:11px}.privacy-note p{color:var(--muted);margin:5px 0 0;font-size:9px;line-height:1.65}.detail-list{margin:0;padding:9px 20px 15px}.detail-list div{border-bottom:1px solid var(--line);justify-content:space-between;gap:15px;padding:10px 0;font-size:9px;display:flex}.detail-list div:last-child{border:0}.detail-list dt{color:#7f93aa}.detail-list dd{color:#d4dee9;text-align:left;margin:0}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.people-summary{border:1px solid var(--line);background:var(--surface);border-radius:10px;grid-template-columns:repeat(4,1fr);display:grid}.people-summary>div{border-left:1px solid var(--line);color:#55a9ff;align-items:center;gap:13px;padding:18px 22px;display:flex}.people-summary>div:last-child{border-left:0}.people-summary span{color:var(--muted);flex-direction:column;font-size:9px;display:flex}.people-summary strong{color:var(--text);text-align:right;direction:ltr;font-size:18px;line-height:1.25}.table-card{overflow:hidden}.toolbar,.section-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;min-height:70px;padding:15px 20px;display:flex}.search-field{border:1px solid var(--line-strong);color:#6f839a;background:#0a1524;border-radius:7px;align-items:center;gap:9px;width:300px;height:39px;padding:0 12px;display:flex}.search-field:focus-within{border-color:#347dcc}.search-field input{width:100%;color:var(--text);background:0 0;border:0;outline:0;font-size:10px}.search-field input::placeholder{color:#65788e}.toolbar-actions{gap:8px;display:flex}.data-table-wrap{overflow-x:auto}.data-table{border-collapse:collapse;width:100%;min-width:720px}.data-table th{color:#73869c;text-align:right;background:#040c1659;height:43px;padding:0 20px;font-size:9px;font-weight:600}.data-table td{border-top:1px solid var(--line);color:#aebdcd;height:68px;padding:0 20px;font-size:10px}.person-cell{align-items:center;gap:11px;display:flex}.avatar{color:#fff;border-radius:50%;flex:0 0 36px;place-items:center;width:36px;height:36px;font-size:9px;font-weight:700;display:grid}.person-cell>span:last-child{flex-direction:column;display:flex}.person-cell strong{color:#ebf0f7;font-size:10px}.person-cell small{color:#74889f;margin-top:3px;font-size:9px}.status-text{align-items:center;gap:6px;font-size:9px;display:inline-flex}.status-text i{border-radius:50%;width:6px;height:6px}.status-text.ok{color:#46d4a1}.status-text.ok i{background:#22c58b}.status-text.warning{color:#efb74f}.status-text.warning i{background:#f5a524}.status-text.muted{color:#8799ad}.status-text.muted i{background:#697b90}.row-action{color:#70839a;cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;width:30px;height:30px;display:grid}.row-action:hover{color:#fff;background:#ffffff0a}.table-footer{border-top:1px solid var(--line);color:#71849a;justify-content:space-between;align-items:center;min-height:58px;padding:0 20px;font-size:9px;display:flex}.table-footer div{gap:6px;display:flex}.table-footer button{border:1px solid var(--line);cursor:pointer;background:#ffffff06;border-radius:6px;min-height:30px;padding:0 11px;font-size:9px}.empty-state{color:#667a91;flex-direction:column;align-items:center;gap:8px;padding:55px;display:flex}.empty-state strong{color:#b9c6d5;font-size:12px}.empty-state span{font-size:9px}.alerts-layout{grid-template-columns:minmax(0,1.5fr) minmax(260px,.55fr);gap:20px;display:grid}.section-toolbar h2{margin:0 0 3px;font-size:14px}.section-toolbar p{color:var(--muted);margin:0;font-size:9px}.alert-list{padding:5px 20px 12px}.alert-row{border:0;border-bottom:1px solid var(--line);text-align:right;cursor:pointer;background:0 0;align-items:center;gap:13px;width:100%;min-height:86px;padding:13px 5px;display:flex;position:relative}.alert-row.unread:before{content:"";background:#3d99f8;width:2px;position:absolute;top:0;bottom:0;right:-20px}.alert-row:hover{background:#ffffff04}.alert-icon{border-radius:9px;flex:0 0 42px;place-items:center;width:42px;height:42px;display:grid}.severity-0,.severity-1{color:#f97979;background:#f052521a}.severity-2{color:#f5b84d;background:#f5a5241a}.severity-3{color:#5babff;background:#2f80ed1a}.alert-copy{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.alert-copy>span{align-items:center;gap:8px;display:flex}.alert-copy strong{font-size:11px}.alert-copy em{color:#f27a7a;background:#f0525217;border-radius:4px;padding:2px 6px;font-size:8px;font-style:normal}.alert-copy small{text-overflow:ellipsis;white-space:nowrap;color:#8497ac;font-size:9px;overflow:hidden}.alert-copy time{color:#62758d;font-size:8px}.alert-row>svg{color:#5f738b}.escalation-card{color:#f27878;padding:24px}.escalation-card h3{color:#eff3f8;margin:14px 0 7px;font-size:13px}.escalation-card p{color:#93a5b8;margin:0 0 17px;font-size:10px;line-height:1.75}.alert-summary{margin:0;padding:8px 20px 15px}.alert-summary div{border-bottom:1px solid var(--line);justify-content:space-between;padding:12px 0;font-size:10px;display:flex}.alert-summary div:last-child{border:0}.alert-summary dt{color:#8497ac}.alert-summary dd{direction:ltr;margin:0;font-weight:700}.alert-summary dd.red{color:#f47777}.report-hero{align-items:center;gap:20px;padding:27px 30px;display:flex}.report-hero>div{flex:1}.log-filters{justify-content:flex-start}.log-filters .search-field{margin-left:auto}.event-list.detailed .event-row{min-height:68px}.settings-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.settings-card{overflow:hidden}.setting-row{border-bottom:1px solid var(--line);align-items:center;gap:12px;min-height:70px;padding:13px 20px;display:flex}.setting-row:last-child{border-bottom:0}.setting-icon{color:#5aaaff;background:#2f80ed17;border-radius:8px;place-items:center;width:35px;height:35px;display:grid}.setting-icon svg{width:18px}.setting-row>div{flex-direction:column;flex:1;display:flex}.setting-row strong{font-size:10px}.setting-row small{color:#7f93aa;margin-top:3px;font-size:9px}.switch{width:36px;height:20px;position:relative}.switch input{opacity:0;pointer-events:none;position:absolute}.switch span{cursor:pointer;background:#26374b;border-radius:20px;transition:all .2s;position:absolute;inset:0}.switch span:after{content:"";background:#8092a7;border-radius:50%;width:14px;height:14px;transition:all .2s;position:absolute;top:3px;right:3px}.switch input:checked+span{background:#2579df}.switch input:checked+span:after{background:#fff;right:19px}.switch input:disabled+span{opacity:.7;cursor:not-allowed}.form-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:15px;min-height:72px;padding:13px 20px;display:flex}.form-row label{color:#aebdcd;font-size:10px}.form-row input,.form-row select,.modal-form input,.modal-form select{border:1px solid var(--line-strong);color:#dae3ee;background:#0a1524;border-radius:6px;outline:0;min-width:180px;height:37px;padding:0 10px;font-size:10px}.form-row input:focus,.form-row select:focus,.modal-form input:focus,.modal-form select:focus{border-color:#3389e7}.settings-save{grid-column:1/-1;justify-content:flex-start;display:flex}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#02070ec2;place-items:center;padding:20px;animation:.18s ease-out fade;display:grid;position:fixed;inset:0}@keyframes fade{0%{opacity:0}}.modal{border:1px solid var(--line-strong);background:#0d1928;border-radius:12px;width:min(500px,100%);max-height:calc(100vh - 40px);animation:.22s ease-out rise;overflow-y:auto;box-shadow:0 30px 90px #00000080}.modal.wide{width:min(700px,100%)}@keyframes rise{0%{opacity:0;transform:translateY(10px)}}.modal>header{border-bottom:1px solid var(--line);align-items:center;min-height:75px;padding:18px 22px;display:flex}.modal>header div{flex:1}.modal>header h2{margin:0 0 5px;font-size:15px}.modal>header p{color:var(--muted);margin:0;font-size:9px}.modal>header button{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:6px;place-items:center;width:32px;height:32px;display:grid}.modal-form{flex-direction:column;gap:15px;padding:20px 22px;display:flex}.modal-form label{color:#a8b8c9;flex-direction:column;gap:7px;font-size:9px;display:flex}.modal-form input,.modal-form select{width:100%;min-width:0}.two-fields{grid-template-columns:1fr 1fr;gap:12px;display:grid}.invite-note{color:#54a8ff;background:#2f80ed0f;border:1px solid #2f80ed2b;border-radius:7px;gap:10px;padding:13px;display:flex}.invite-note p{flex-direction:column;margin:0;display:flex}.invite-note strong{color:#dfe8f3;font-size:10px}.invite-note span{color:#8498ad;margin-top:3px;font-size:9px;line-height:1.5}.modal-actions{border-top:1px solid var(--line);justify-content:flex-end;gap:8px;padding:15px 22px;display:flex}.modal-form .modal-actions{margin:5px -22px -20px}.incident-view{grid-template-columns:1fr 1fr;gap:18px;padding:20px 22px;display:grid}.incident-media{border:1px solid var(--line);color:#5af;background:radial-gradient(circle,#152d47,#07101b);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:270px;display:flex}.incident-media span{color:#becbd9;font-size:10px}.incident-media small{color:#698097;font-size:8px}.risk-label{color:#f77b7b;background:#f052521c;border-radius:5px;padding:5px 9px;font-size:9px;font-weight:700;display:inline-flex}.incident-data .detail-list{padding:10px 0}.response-warning{color:#f3b74f;background:#f5a5240f;border:1px solid #f5a52433;border-radius:7px;gap:9px;padding:11px;display:flex}.response-warning p{color:#af9b78;margin:0;font-size:9px;line-height:1.55}.toast-stack{z-index:120;flex-direction:column;gap:9px;width:min(350px,100vw - 48px);display:flex;position:fixed;bottom:24px;left:24px}.toast{border:1px solid var(--line-strong);background:#122033;border-radius:9px;gap:11px;padding:13px 15px;animation:.25s ease-out toast-in;display:flex;box-shadow:0 18px 50px #0006}@keyframes toast-in{0%{opacity:0;transform:translate(10px)}}.toast.success>svg{color:#3fd19d}.toast.danger>svg{color:#f17474}.toast.info>svg{color:#53a9ff}.toast div{flex-direction:column;display:flex}.toast strong{font-size:10px}.toast span{color:#8fa2b7;margin-top:3px;font-size:9px}.backdrop{display:none}@media (width<=1150px){.stats-grid{grid-template-columns:1fr 1fr}.dashboard-grid,.dashboard-grid.lower,.camera-layout{grid-template-columns:1fr}.camera-side{grid-template-columns:1fr 1fr;align-items:start;display:grid}.camera-side>:last-child{grid-column:1/-1}}@media (width<=850px){.sidebar{transition:transform .24s;transform:translate(100%);box-shadow:-20px 0 50px #0006}.sidebar.sidebar-open{transform:translate(0)}.mobile-close{border:1px solid var(--line);cursor:pointer;background:#101d2e;border-radius:6px;place-items:center;width:30px;height:30px;display:grid;position:absolute;top:22px;left:12px}.brand{padding-left:48px;padding-right:18px}.main-area{margin-right:0}.menu-button{display:grid}.backdrop{z-index:29;background:#0000008c;border:0;display:block;position:fixed;inset:0}.alerts-layout,.settings-grid{grid-template-columns:1fr}.settings-save{grid-column:1}.people-summary{grid-template-columns:1fr 1fr}.people-summary>div:nth-child(2){border-left:0}.people-summary>div:nth-child(-n+2){border-bottom:1px solid var(--line)}}@media (width<=620px){.topbar{height:69px;padding:0 15px}.page-heading h1{font-size:15px}.page-heading p,.system-status{display:none}.page-content{padding:16px 14px 34px}.hero-panel{flex-direction:column;align-items:stretch;padding:23px 20px}.hero-panel h2{font-size:20px}.hero-actions{flex-wrap:wrap}.hero-actions .button{flex:1}.stats-grid{grid-template-columns:1fr;gap:10px}.stat-card{grid-template-columns:40px 1fr;padding:14px 16px}.stat-icon{width:40px;height:40px}.bar-chart{gap:7px;padding-inline:12px}.bar-column span{font-size:7px}.camera-preview{height:180px}.device-metrics,.security-checks{grid-template-columns:1fr}.security-checks span:last-child{grid-column:auto}.score-body{align-items:flex-start}.score-ring{flex-basis:88px;width:88px;height:88px}.live-camera{min-height:390px}.camera-controls{flex-direction:column}.camera-controls .button{width:100%}.camera-side{display:flex}.people-summary{grid-template-columns:1fr}.people-summary>div{border-left:0;border-bottom:1px solid var(--line)}.toolbar,.section-toolbar{flex-direction:column;align-items:stretch}.search-field,.toolbar-actions{width:100%}.toolbar-actions .button{flex:1}.section-toolbar .button{width:100%}.report-hero{flex-direction:column;align-items:stretch}.log-filters .search-field{margin-left:0}.form-row{flex-direction:column;align-items:stretch}.form-row input,.form-row select{width:100%}.incident-view{grid-template-columns:1fr}.incident-media{min-height:200px}.two-fields{grid-template-columns:1fr}.modal-actions{flex-direction:column-reverse}.modal-actions .button{width:100%}.toast-stack{width:calc(100vw - 28px);bottom:14px;left:14px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.sidebar{border-left:0;border-right:1px solid var(--line);left:0;right:auto}.main-area{margin-left:268px;margin-right:0}.nav-item,.event-row,.alert-row,.data-table th{text-align:left}.sidebar-profile strong{text-align:left;direction:ltr}.chart-summary small{margin-left:auto;margin-right:0}.detail-list dd{text-align:right}.log-filters .search-field{margin-left:0;margin-right:auto}.people-summary>div{border-left:0;border-right:1px solid var(--line)}.people-summary>div:last-child{border-right:0}.alert-row.unread:before{left:-20px;right:auto}.verification-steps li:not(:last-child):after{left:14px;right:auto}.switch span:after{left:3px;right:auto}.switch input:checked+span:after{left:19px;right:auto}.toast-stack{left:auto;right:24px}@media (width<=850px){.sidebar{transform:translate(-100%);box-shadow:20px 0 50px #0006}.sidebar.sidebar-open{transform:translate(0)}.mobile-close{left:auto;right:12px}.brand{padding-left:18px;padding-right:48px}.main-area{margin-left:0}.people-summary>div:nth-child(2){border-right:0}}@media (width<=620px){.people-summary>div{border-right:0}.log-filters .search-field{margin-right:0}.toast-stack{left:auto;right:14px}}.recognition-overlay{z-index:3;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.decision-list{padding:8px 18px 14px}.decision-list>div{border-bottom:1px solid var(--line);align-items:center;gap:10px;min-height:58px;padding:10px 0;display:flex}.decision-list>div:last-child{border-bottom:0}.decision-list>div.authorized{color:#42d3a0}.decision-list>div.unknown{color:#f97878}.decision-list span{flex-direction:column;flex:1;display:flex}.decision-list strong{color:var(--text);font-size:10px}.decision-list small{color:var(--muted);margin-top:3px;font-size:8px}.decision-list em{font-size:10px;font-style:normal;font-weight:700}.event-confidence{color:#71869d;text-align:right;min-width:36px;font-size:9px;font-style:normal}.avatar.photo{object-fit:cover;background:#15263a}.danger-icon:hover{color:#f97878}.alert-snapshot{object-fit:cover;border:1px solid var(--line-strong);border-radius:7px;flex:0 0 66px;width:66px;height:48px}.incident-media{overflow:hidden}.incident-media img{object-fit:contain;width:100%;height:100%}.settings-warning{color:#f5b84d;align-items:flex-start;gap:12px;min-height:120px;padding:24px;display:flex}.settings-warning.info{color:#55a9ff}.settings-warning p{color:#9bacc0;margin:0;font-size:10px;line-height:1.75}.form-message{color:#7faee0;min-height:18px;font-size:9px}.enrollment-guide{width:190px;height:230px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.enrollment-guide span{border-style:solid;border-color:#52a8ff;width:42px;height:42px;position:absolute}.enrollment-guide span:first-child{border-width:3px 0 0 3px;top:0;left:0}.enrollment-guide span:nth-child(2){border-width:3px 3px 0 0;top:0;right:0}.enrollment-guide span:nth-child(3){border-width:0 0 3px 3px;bottom:0;left:0}.enrollment-guide span:nth-child(4){border-width:0 3px 3px 0;bottom:0;right:0}.sample-progress{justify-content:center;align-items:center;gap:30px;padding:18px 0 9px;display:flex}.sample-progress span{color:#7c8fa5;background:#122033;border:1px solid #34465c;border-radius:50%;place-items:center;width:34px;height:34px;font-size:10px;display:grid;position:relative}.sample-progress span:not(:last-child):after{content:"";background:#34465c;width:30px;height:1px;position:absolute;left:33px}.sample-progress span.complete{color:#42d3a0;background:#22c58b21;border-color:#22c58b66}.enrollment-status{text-align:center;color:#8fa3b8;min-height:34px;margin:0;font-size:10px;line-height:1.6}.empty-state .button{margin-top:10px}.invitation-stage{grid-template-columns:280px 1fr;display:grid}.qr-panel{border-right:1px solid var(--line);text-align:center;flex-direction:column;align-items:center;padding:26px 24px;display:flex}.qr-box{background:#fff;border-radius:8px;margin-bottom:15px;padding:10px;line-height:0}.qr-panel strong{font-size:12px}.qr-panel>span{color:var(--muted);margin-top:5px;font-size:9px}.invitation-details{flex-direction:column;gap:14px;padding:24px;display:flex}.enrollment-person{color:#55a9ff;align-items:center;gap:11px;display:flex}.enrollment-person div{flex-direction:column;display:flex}.enrollment-person strong{color:var(--text);font-size:11px}.enrollment-person span{color:var(--muted);font-size:9px}.otp-card{background:#2f80ed0f;border:1px solid #2f80ed33;border-radius:8px;padding:14px}.otp-card span,.otp-card small{color:var(--muted);font-size:8px;display:block}.otp-card strong{letter-spacing:5px;margin:4px 0;font-size:24px;display:block}.secure-warning{color:#f5b84d;background:#f5a5240f;border:1px solid #f5a52438;border-radius:7px;align-items:flex-start;gap:8px;padding:10px;display:flex}.secure-warning span{color:#a99a7e;font-size:8px;line-height:1.5}.secure-warning code{color:#f0bd67}.enrollment-timeline{grid-template-columns:repeat(4,1fr);gap:5px;display:grid}.enrollment-timeline div{color:#60758d;text-align:center;flex-direction:column;align-items:center;gap:5px;display:flex}.enrollment-timeline span{border:1px solid #34465c;border-radius:50%;place-items:center;width:23px;height:23px;display:grid}.enrollment-timeline strong{font-size:7px}.enrollment-timeline div.complete{color:#42d3a0}.enrollment-timeline div.complete span{background:#22c58b1a;border-color:#22c58b}.link-copy{display:flex}.link-copy input{border:1px solid var(--line);color:#8397ac;background:#081321;border-radius:6px 0 0 6px;flex:1;min-width:0;height:34px;padding:0 9px;font-size:8px}.link-copy button{border:1px solid var(--line-strong);cursor:pointer;background:#16263a;border-left:0;border-radius:0 6px 6px 0;padding:0 11px;font-size:8px}.invitation-stage>.modal-actions{grid-column:1/-1}.form-message.error{color:#f97878}.qr-mini{font-size:18px;line-height:1}.mobile-portal{background:radial-gradient(circle at 50% 0,#2067c12b,#0000 36%),#07101d;flex-direction:column;align-items:center;min-height:100vh;padding:22px 16px;display:flex}.mobile-brand{align-items:center;gap:10px;width:min(440px,100%);min-height:68px;display:flex}.mobile-brand img{object-fit:contain;width:45px;height:45px}.mobile-brand div{flex-direction:column;display:flex}.mobile-brand strong{font-size:13px}.mobile-brand span{color:var(--muted);font-size:9px}.mobile-card{border:1px solid var(--line-strong);background:#0d1928;border-radius:13px;width:min(440px,100%);padding:26px;box-shadow:0 25px 70px #00000059}.mobile-step{color:#58aaff;letter-spacing:1px;font-size:8px;font-weight:800}.mobile-card h1{margin:9px 0;font-size:24px;line-height:1.2}.mobile-card>p,.mobile-status p{color:#91a4b8;margin:0 0 21px;font-size:10px;line-height:1.7}.otp-input{color:#b3c1cf;flex-direction:column;gap:7px;font-size:9px;display:flex}.otp-input input{border:1px solid var(--line-strong);color:#fff;letter-spacing:8px;text-align:center;background:#081321;border-radius:8px;outline:0;height:54px;font-size:23px;font-weight:700}.otp-input input:focus{border-color:#3188ea}.mobile-message,.capture-message{color:#f48282;margin:11px 0;font-size:9px}.mobile-action{width:100%;margin-top:17px}.consent-list{flex-direction:column;gap:11px;padding:12px 0;display:flex}.consent-list span{color:#a8b8c9;align-items:center;gap:8px;font-size:10px;display:flex}.consent-list svg{color:#42d3a0;width:16px}.mobile-camera{aspect-ratio:3/4;border:1px solid var(--line-strong);background:#050b13;border-radius:10px;position:relative;overflow:hidden}.mobile-camera video{object-fit:cover;width:100%;height:100%;transform:scaleX(-1)}.capture-message{color:#8ea3b9;text-align:center;min-height:30px;line-height:1.5}.mobile-status{text-align:center;padding:25px 0}.mobile-status>span{color:#f97878;background:#f052521a;border-radius:50%;place-items:center;width:70px;height:70px;margin:0 auto 18px;display:grid}.mobile-status.success>span{color:#42d3a0;background:#22c58b1a}.mobile-status svg{width:34px;height:34px}.mobile-portal footer{color:#52677e;margin-top:18px;font-size:8px}@media (width<=620px){.enrollment-guide{width:140px;height:175px}.alert-snapshot{flex-basis:54px;width:54px;height:44px}.invitation-stage{grid-template-columns:1fr}.qr-panel{border-right:0;border-bottom:1px solid var(--line)}.invitation-details{padding:18px}.enrollment-timeline strong{font-size:6px}.mobile-card{padding:22px 18px}.mobile-card h1{font-size:21px}}