:root{--canvas: #241c21;--well: #1a1418;--raised: #2a2026;--hair: #362a31;--hair-strong: #4a3b43;--emerald: #10b981;--rose: #ff8abb;--crimson: #98134e;--ink: #f5edf0;--dim: #a2929a;--faint: #6e5f67;--bg: var(--canvas);--surface: var(--well);--surface-sunken: var(--raised);--border: var(--hair);--border-strong: var(--hair-strong);--text: var(--ink);--text-muted: var(--dim);--text-inverse: #fff0f6;--accent: var(--rose);--accent-hover: #ffb3d2;--accent-subtle: rgb(255 138 187 / 12%);--critical: #ff6b9d;--critical-subtle: rgb(152 19 78 / 28%);--high: #f0a87e;--high-subtle: rgb(194 96 58 / 20%);--medium: #e0be72;--medium-subtle: rgb(138 106 46 / 20%);--low: var(--emerald);--low-subtle: rgb(16 185 129 / 12%);--info: var(--dim);--info-subtle: var(--raised);--radius: 8px;--radius-sm: 6px;--shadow: 0 8px 22px rgb(0 0 0 / 32%);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--font: "Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--mono: "JetBrains Mono", ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}.skip-link{position:absolute;left:-9999px;top:var(--space-2);background:var(--surface);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);z-index:100}.skip-link:focus{left:var(--space-4)}.app-shell{min-height:100vh;display:flex}.app-sidebar{width:232px;flex:none;background:#1e171c;border-right:1px solid var(--hair);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow-y:auto}.app-brand{display:flex;align-items:center;gap:var(--space-2);padding:18px 16px 14px;border-bottom:1px solid var(--hair);font-weight:700;letter-spacing:.03em;font-size:13px;white-space:nowrap}.app-brand span{display:block;font-family:var(--mono);font-size:9px;letter-spacing:.22em;color:var(--faint);font-weight:400;margin-top:1px}.app-nav{flex:1;padding:var(--space-2) var(--space-2) var(--space-4);display:flex;flex-direction:column}.nav-group{font-family:var(--mono);font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--faint);padding:0 10px;margin:16px 0 6px}.nav-group:first-child{margin-top:4px}.app-nav a.nav-item{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:6px;color:var(--dim);text-decoration:none;font-weight:500;font-size:13px;transition:background .18s,color .18s}.app-nav a.nav-item:hover{background:var(--raised);color:var(--ink)}.app-nav a.nav-item[aria-current=page]{background:linear-gradient(90deg,#98134e57,#98134e0f);color:var(--ink);box-shadow:inset 2px 0 0 var(--rose)}.nav-item svg{flex:none}.nav-item-count{margin-left:auto;font-family:var(--mono);font-size:10px}.app-sidebar-footer{padding:12px 14px;border-top:1px solid var(--hair);display:flex;align-items:center;gap:10px}.app-sidebar-footer button{margin-left:auto;flex:none}.app-content{flex:1;display:flex;flex-direction:column;min-width:0}.app-topbar{height:56px;flex:none;border-bottom:1px solid var(--hair);display:flex;align-items:center;gap:var(--space-4);padding:0 var(--space-5);background:#211a1f}.app-topbar .mono{color:var(--faint)}.app-main{flex:1;padding:var(--space-5);max-width:1200px;width:100%;margin:0 auto}.page-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4);flex-wrap:wrap}.page-head h1{font-size:20px;margin:0;letter-spacing:-.01em}.page-head p{margin:0;color:var(--text-muted)}.toolbar{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-4)}select,input[type=search],input[type=text],input[type=email],input[type=password]{font:inherit;color:var(--text);background:#120d10;border:1px solid var(--hair);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);min-height:36px;transition:border-color .18s,box-shadow .18s}select:focus,input:focus{border-color:var(--rose);box-shadow:0 0 0 3px #ff8abb24}button{font:inherit;font-weight:500;border-radius:var(--radius-sm);border:1px solid var(--hair);background:var(--raised);color:var(--text);padding:var(--space-2) var(--space-3);min-height:34px;cursor:pointer;transition:border-color .18s,background .18s}button:hover:not(:disabled){border-color:var(--faint)}button:disabled{opacity:.55;cursor:not-allowed}button.primary{background:var(--crimson);border-color:#b41c5e;color:var(--text-inverse)}button.primary:hover:not(:disabled){background:#ad1659;border-color:var(--rose)}button.link{border:none;background:none;color:var(--accent);padding:0;min-height:auto}.card{background:var(--well);border:1px solid var(--hair);border-radius:var(--radius);box-shadow:var(--shadow);position:relative}.card:before,.card:after{content:"";position:absolute;width:5px;height:5px;border-color:var(--hair);border-style:solid;opacity:.9;pointer-events:none}.card:before{top:-1px;left:-1px;border-width:1px 0 0 1px}.card:after{bottom:-1px;right:-1px;border-width:0 1px 1px 0}.card-list{display:flex;flex-direction:column;gap:var(--space-3)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-3)}.stat-tile{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-4);text-decoration:none;color:inherit}.stat-tile:hover{border-color:var(--accent)}.stat-tile-value{font-size:28px;font-weight:600;line-height:1.1}.stat-tile-label{color:var(--text-muted);font-size:13px}.checklist{list-style:none;margin:var(--space-2) 0 0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.checklist li{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) 0;border-bottom:1px solid var(--border)}.checklist li:last-child{border-bottom:none}.checklist li span:first-child{color:var(--text-muted);width:1.2em}.checklist-done{color:var(--text-muted);text-decoration:line-through}.checklist li>a{margin-left:auto}.quota-bar{height:6px;border-radius:3px;background:var(--surface-sunken);overflow:hidden;margin-top:4px}.quota-bar-fill{height:100%;background:var(--accent);border-radius:3px}.detection-card{display:grid;grid-template-columns:220px 1fr;gap:var(--space-4);padding:var(--space-4);align-items:start}@media (max-width: 720px){.detection-card{grid-template-columns:1fr}}.thumb{position:relative;width:100%;aspect-ratio:4 / 3;background:var(--surface-sunken);border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--border)}.thumb img{width:100%;height:100%;object-fit:cover;display:block}.thumb-empty{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-muted);font-size:12px;text-align:center;padding:var(--space-3)}.thumb-badge{position:absolute;left:var(--space-2);bottom:var(--space-2);background:#000000b8;color:#fff;font-size:11px;font-weight:500;padding:2px 6px;border-radius:3px;letter-spacing:.02em}.detection-body{min-width:0}.detection-title{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-2)}.detection-title h2{font-size:15px;margin:0}.meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-2) var(--space-4);margin-top:var(--space-3)}.meta-item{min-width:0}.meta-item dt{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin:0 0 2px}.meta-item dd{margin:0;overflow-wrap:anywhere}.mono{font-family:var(--mono);font-size:12px}.boundary-list{margin:var(--space-3) 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:var(--space-1)}.boundary-list li{display:flex;gap:var(--space-2);align-items:center;font-family:var(--mono);font-size:12px;color:var(--text-muted)}.badge{display:inline-flex;align-items:center;gap:5px;font-family:var(--mono);font-size:10px;font-weight:500;letter-spacing:.06em;padding:2px 7px;border-radius:4px;border:1px solid transparent;white-space:nowrap}.badge-critical{background:var(--critical-subtle);color:#ffc2dc;border-color:var(--crimson)}.badge-high{background:var(--high-subtle);color:var(--high);border-color:#c2603a}.badge-medium{background:var(--medium-subtle);color:var(--medium);border-color:#8a6a2e}.badge-low{background:var(--low-subtle);color:var(--low);border-color:#10b9817f}.badge-info{background:var(--info-subtle);color:var(--info);border-color:var(--hair)}.badge-neutral{background:var(--raised);color:var(--text-muted);border-color:var(--hair)}.state-panel{padding:var(--space-6);text-align:center;color:var(--text-muted)}.state-panel h2{color:var(--text);font-size:16px;margin:0 0 var(--space-2)}.error-panel{padding:var(--space-4);border-radius:var(--radius);background:var(--critical-subtle);color:var(--critical);border:1px solid currentColor}.skeleton{background:linear-gradient(90deg,var(--surface-sunken) 25%,var(--border) 37%,var(--surface-sunken) 63%);background-size:400% 100%;animation:shimmer 1.4s ease infinite;border-radius:var(--radius-sm)}@keyframes shimmer{0%{background-position:100% 50%}to{background-position:0 50%}}@media (prefers-reduced-motion: reduce){.skeleton{animation:none}*{transition:none!important}}.timeline{list-style:none;margin:0;padding:0}.timeline li{position:relative;padding:0 0 var(--space-4) var(--space-5);border-left:2px solid var(--border)}.timeline li:last-child{border-left-color:transparent;padding-bottom:0}.timeline li:before{content:"";position:absolute;left:-5px;top:4px;width:8px;height:8px;border-radius:50%;background:var(--border-strong)}.timeline li.is-current:before{background:var(--accent)}.timeline time{display:block;color:var(--text-muted);font-size:12px}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:var(--space-5)}.auth-card{width:100%;max-width:380px;padding:var(--space-5)}.auth-card h1{font-size:18px;margin:0 0 var(--space-1)}.auth-card>p{margin:0 0 var(--space-5);color:var(--text-muted)}.field{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-3)}.field label{font-weight:500}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.detail-grid{display:grid;gap:var(--space-4);grid-template-columns:minmax(0,2fr) minmax(260px,1fr)}.detail-main,.detail-aside{display:flex;flex-direction:column;gap:var(--space-4);min-width:0}@media (max-width: 720px){.detail-grid{grid-template-columns:1fr}}.mono{overflow-wrap:anywhere}@media (max-width: 560px){.page-head h1{font-size:18px}}html,body{max-width:100%;overflow-x:hidden}.state-icon{font-size:32px;line-height:1;color:var(--border-strong);margin-bottom:var(--space-3)}.state-panel p{margin:0 0 var(--space-2);max-width:46ch;margin-inline:auto}.state-actions{margin-top:var(--space-4);display:flex;gap:var(--space-2);justify-content:center}.state-offline .state-icon{color:var(--high)}.state-success .state-icon{color:var(--low)}.muted{color:var(--text-muted)}.inline-spinner{display:inline-flex;align-items:center}.spinner{width:14px;height:14px;flex:none;border:2px solid var(--border-strong);border-top-color:transparent;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.spinner{animation:none;border-top-color:var(--border-strong);opacity:.6}}.notice{display:flex;gap:var(--space-3);align-items:flex-start;padding:var(--space-3) var(--space-4);border-radius:var(--radius);border:1px solid var(--border);background:var(--surface)}.notice p{margin:4px 0 0;font-size:13px;color:var(--text-muted)}.notice strong{display:block}.notice-info{background:var(--info-subtle);border-color:var(--info);color:var(--info)}.notice-warning{background:var(--high-subtle);border-color:var(--high);color:var(--high)}.notice-info p,.notice-warning p{color:inherit;opacity:.85}.top-banner{position:sticky;top:0;z-index:60;display:flex;gap:var(--space-2);align-items:center;justify-content:center;padding:var(--space-2) var(--space-4);font-size:14px;border-bottom:1px solid}.top-banner-offline{background:var(--high-subtle);color:var(--high);border-color:var(--high)}.top-banner-online{background:var(--low-subtle);color:var(--low);border-color:var(--low)}.toast-region{position:fixed;top:var(--space-4);right:var(--space-4);z-index:80;display:flex;flex-direction:column;gap:var(--space-2);width:min(380px,calc(100vw - 32px))}.toast{display:flex;gap:var(--space-3);align-items:flex-start;padding:var(--space-3) var(--space-4);background:var(--surface);border:1px solid var(--border);border-left-width:4px;border-radius:var(--radius);box-shadow:var(--shadow)}.toast p{margin:4px 0 0;font-size:13px;color:var(--text-muted)}.toast-body{flex:1;min-width:0}.toast-body strong{word-break:break-word}.toast-icon{font-weight:700;line-height:1.4}.toast-success{border-left-color:var(--low)}.toast-success .toast-icon{color:var(--low)}.toast-error{border-left-color:var(--critical)}.toast-error .toast-icon{color:var(--critical)}.toast-warning{border-left-color:var(--high)}.toast-warning .toast-icon{color:var(--high)}.toast-info{border-left-color:var(--accent)}.toast-info .toast-icon{color:var(--accent)}.toast-close{background:none;border:none;cursor:pointer;color:var(--text-muted);padding:2px 4px;font-size:14px;line-height:1}.toast-close:hover{color:var(--text)}.dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;background:#14181f8c;display:flex;align-items:flex-start;justify-content:center;padding:var(--space-5) var(--space-4);overflow-y:auto}.dialog{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);width:min(560px,100%);margin:auto}.dialog-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);border-bottom:1px solid var(--border)}.dialog-header h2{margin:0;font-size:16px}.dialog-body{padding:var(--space-4)}.dialog-body p{margin:0 0 var(--space-2)}.dialog-footer{display:flex;gap:var(--space-2);justify-content:flex-end;padding:var(--space-4);border-top:1px solid var(--border)}.field-row{display:flex;gap:var(--space-3)}.field-row .field{flex:1}.field-hint{margin:0;font-size:12px;color:var(--text-muted)}.field-required{color:var(--critical)}.field-error{margin:2px 0 0;font-size:13px;color:var(--critical);font-weight:500}.field-invalid input,.field-invalid select{border-color:var(--critical);border-width:2px}.error-summary{padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4);border:2px solid var(--critical);border-radius:var(--radius);background:var(--critical-subtle);color:var(--critical)}.error-summary ul{margin:var(--space-2) 0 0;padding-left:var(--space-4)}.error-summary a{color:inherit}.form-actions{display:flex;gap:var(--space-2);margin-top:var(--space-4)}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4);flex-wrap:wrap}.page-header h1{margin:0 0 4px;font-size:20px}.page-header p{margin:0;font-size:13px}.filter-bar{display:flex;gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap}.filter-bar input[type=search]{flex:1;min-width:200px}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{text-align:left;padding:var(--space-3);border-bottom:1px solid var(--border);vertical-align:top;font-size:14px}.data-table th{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.data-table tr:last-child td{border-bottom:none}.data-table .muted{font-size:12px}.row-actions{display:flex;gap:var(--space-1);flex-wrap:wrap;white-space:nowrap}.pill{display:inline-block;padding:2px 8px;border-radius:4px;font-family:var(--mono);font-size:10px;letter-spacing:.06em;font-weight:500;border:1px solid currentColor}.pill-ready,.pill-online{color:var(--low);background:var(--low-subtle)}.pill-provisioning,.pill-pending,.pill-enrolled{color:var(--medium);background:var(--medium-subtle)}.pill-disabled,.pill-retired,.pill-offline{color:var(--text-muted);background:var(--surface-sunken)}.live-indicator{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:500;white-space:nowrap}.live-indicator-dot{width:7px;height:7px;border-radius:50%;background:currentColor}.live-indicator-open{color:var(--low);background:var(--low-subtle)}.live-indicator-connecting{color:var(--medium);background:var(--medium-subtle)}.live-indicator-closed{color:var(--text-muted);background:var(--surface-sunken)}@media (prefers-reduced-motion: no-preference){.live-indicator-open .live-indicator-dot{animation:live-pulse 2s ease-in-out infinite}}@keyframes live-pulse{0%,to{opacity:1}50%{opacity:.35}}.btn-quiet{background:none;border:1px solid transparent;color:var(--accent);padding:4px 8px;cursor:pointer;font-size:13px;border-radius:var(--radius-sm)}.btn-quiet:hover{background:var(--accent-subtle)}.btn-danger{background:var(--critical);border-color:var(--critical);color:var(--text-inverse)}.btn-danger-quiet{color:var(--critical)}.btn-danger-quiet:hover{background:var(--critical-subtle)}@media (max-width: 720px){.card:has(.data-table){overflow-x:auto}.data-table{min-width:640px}.toast-region{left:var(--space-4);right:var(--space-4);width:auto}}.token-display{display:flex;gap:var(--space-2);align-items:center;padding:var(--space-3);background:var(--surface-sunken);border:1px solid var(--border);border-radius:var(--radius)}.token-display code{flex:1;word-break:break-all;font-size:13px}.polygon-editor{margin-top:var(--space-2)}.polygon-canvas{position:relative;aspect-ratio:16 / 9;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--surface-sunken)}.polygon-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.polygon-backdrop-empty{display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:13px;background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:10% 10%}.polygon-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;cursor:crosshair}.polygon-shape{fill:var(--accent);fill-opacity:.22;stroke:var(--accent);stroke-width:.004;vector-effect:non-scaling-stroke}.polygon-handle{fill:var(--surface);stroke:var(--accent);stroke-width:.006;cursor:grab;vector-effect:non-scaling-stroke}.polygon-handle:hover{fill:var(--accent-subtle)}.polygon-handle.is-selected{fill:var(--accent)}.polygon-handle:focus-visible{outline:none;stroke:var(--text);stroke-width:.012}.polygon-status{display:flex;gap:var(--space-3);align-items:center;margin-top:var(--space-2);font-size:13px}.zone-thumb{width:72px;height:40px;border-radius:var(--radius-sm);background:var(--surface-sunken)}.zone-thumb-frame{fill:none;stroke:var(--border);stroke-width:.01}.chip-row{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-1)}.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border:1px solid var(--border);border-radius:999px;font-size:13px;cursor:pointer;-webkit-user-select:none;user-select:none}.chip:has(input:checked){border-color:var(--accent);background:var(--accent-subtle);color:var(--accent-hover)}.chip input{margin:0}.rule-warning-flag{font-size:12px;color:var(--high);margin-top:2px;cursor:default}.member-list{list-style:none;margin:0 0 var(--space-3);padding:0}.member-row{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--border)}.member-row:first-child{border-top:1px solid var(--border)}.member-form{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border)}.live-view-picker button{flex:1;height:auto;min-height:64px;text-align:left;white-space:normal;padding:var(--space-3)}.live-view-player video{border-radius:var(--radius-sm)}.led{width:7px;height:7px;border-radius:50%;flex:none;position:relative;display:inline-block}.led:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;background:currentColor;opacity:.22;animation:led-halo 2.4s ease-out infinite}@keyframes led-halo{0%{transform:scale(.55);opacity:.4}70%{transform:scale(1.7);opacity:0}to{opacity:0}}.scan{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:5px;pointer-events:none}.scan i{position:absolute;left:0;right:0;height:34%;background:linear-gradient(180deg,transparent,rgb(255 138 187 / 16%),transparent);animation:scan-sweep 3.6s linear infinite}@keyframes scan-sweep{0%{top:-34%}to{top:100%}}.row-rise{animation:row-rise .5s cubic-bezier(.2,.7,.3,1) backwards}@keyframes row-rise{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}@media (max-width: 860px){.app-shell{flex-direction:column}.app-sidebar{width:100%;height:auto;position:static;flex-direction:row;align-items:center;overflow-x:auto}.app-brand{border-bottom:none;border-right:1px solid var(--hair);flex:none}.app-nav{flex-direction:row;padding:var(--space-2);overflow-x:auto}.nav-group{display:none}.app-nav a.nav-item{flex:none;white-space:nowrap}.app-sidebar-footer{display:none}.app-topbar{padding:0 var(--space-4)}.app-topbar .mono{display:none}.app-main{padding:var(--space-4)}}