:root{font-family:"Segoe UI",-apple-system,BlinkMacSystemFont,Arial,sans-serif;color:#26322d;background:#f6f7f8;font-synthesis:none;--ink:#26322d;--muted:#7c8583;--border:#e7ebe9;--green:#257354;--green-soft:#edf6f1;--sidebar:#202724;--sidebar-width:224px;--red:#b94d4d;--red-soft:#fcf0ef;--amber:#aa771e;--amber-soft:#fff7e9;--surface:#fff}
.ubox-account-dialog{width:min(690px,calc(100vw - 35px))}.ubox-account-summary{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.ubox-account-summary small{display:block;font-size:10px;color:var(--muted);margin-top:5px}.ubox-account-actions,.ubox-form-actions{display:flex;gap:8px;flex-wrap:wrap}.ubox-form-actions{justify-content:flex-end;margin-top:20px}.ubox-account-devices{display:grid;gap:9px;margin:18px 0}.ubox-account-device{display:flex;gap:12px;align-items:center;border:1px solid var(--border);border-radius:6px;padding:14px}.ubox-account-device.selected{border-color:#92b69f;background:var(--green-soft)}.ubox-device-copy{flex:1;min-width:0;overflow-wrap:anywhere}.ubox-device-copy strong,.ubox-device-copy small,.ubox-device-copy>.mono{display:block}.ubox-device-copy small,.ubox-device-copy>.mono{font-size:10px;color:var(--muted);margin-top:4px}.ubox-device-copy .badge{margin-top:6px}.ubox-empty{font-size:11px;color:var(--muted);padding:15px 0;line-height:1.7}#ubox-import-form{border-top:1px solid var(--border);padding-top:20px}#ubox-import-form h3{margin-bottom:16px}@media(max-width:600px){.ubox-account-device{flex-wrap:wrap}.ubox-account-device>.tile-icon{display:none}.ubox-account-device>.button{width:100%}}
.camera-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(280px,1fr);gap:22px;align-items:start}
.camera-layout>.stack{display:grid;gap:22px;min-width:0}
.camera-player{overflow:hidden}.camera-player .card-header p{margin-top:4px;font-size:11px;color:var(--muted)}
.camera-stage{position:relative;aspect-ratio:16/9;background:#18231e;display:grid;place-items:center;overflow:hidden}
.camera-stage video{width:100%;height:100%;object-fit:contain;position:absolute;inset:0;background:#111}
.camera-stage-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;max-width:420px;text-align:center;padding:28px;color:#edf6f1}
.camera-stage-empty p{font-size:12px;line-height:1.65;color:#b7c9bf}.camera-stage-empty strong{font-size:17px}
.camera-play-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#31483c;color:#c8dfcf}.camera-play-icon svg{width:25px;height:25px}
.camera-controls{display:flex;flex-wrap:wrap;gap:8px;padding:16px 20px;border-bottom:1px solid var(--border)}
.camera-feedback{padding:12px 20px 0;color:var(--muted);font-size:11px;line-height:1.6}.camera-feedback:empty{display:none}.camera-feedback.error{color:var(--red)}
.camera-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;padding:20px}.camera-metrics span{font-size:10px;color:var(--muted);display:block}.camera-metrics strong{display:block;font-size:18px;color:var(--ink);margin-top:5px;font-variant-numeric:tabular-nums}
.camera-discovery{display:flex;align-items:center;gap:14px;margin:12px 0 18px}.camera-discovery .field-help{margin:0}
.camera-candidate{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--border)}.camera-candidate small{display:block;color:var(--muted);margin-top:4px}
#camera-discovery-results:not(:empty){padding-bottom:18px}.snapshot-dialog{width:min(900px,92vw)}.snapshot-dialog img{display:block;max-width:100%;max-height:70vh;margin:0 auto;border-radius:5px;background:#18231e}
@media(max-width:1100px){.camera-layout{grid-template-columns:1fr}}@media(max-width:600px){.camera-metrics{gap:8px;padding:15px}.camera-metrics strong{font-size:15px}.camera-stage{min-height:240px}.camera-stage-empty{padding:18px}.camera-discovery{align-items:flex-start;flex-direction:column}}
*{box-sizing:border-box}body{margin:0;font-size:13px;line-height:1.5}button,input,select{font:inherit}button,a,input,select{outline-offset:3px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #5b9879}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}a{color:inherit;text-decoration:none}svg{width:19px;height:19px;display:inline-block;vertical-align:middle;flex-shrink:0}button svg,a svg{pointer-events:none}h1,h2,h3,p{margin:0}h1{font-size:28px;font-weight:600;letter-spacing:-1px;line-height:1.25}h2{font-size:15px;font-weight:650;letter-spacing:-.25px}h3{font-size:14px;font-weight:600}strong{font-weight:600}[hidden]{display:none!important}.skip-link{position:fixed;top:-70px;left:240px;background:#fff;padding:12px 20px;z-index:100}.skip-link:focus{top:10px}
.sidebar{width:var(--sidebar-width);height:100vh;position:fixed;inset:0 auto 0 0;background:var(--sidebar);color:#b1b9b3;z-index:30;display:flex;flex-direction:column;padding:33px 16px 0}.brand{display:flex;flex-direction:column;align-items:flex-start;margin:0 19px 26px}.brand strong{font-size:34px;color:white;letter-spacing:-1.8px;line-height:1;font-weight:750}.brand strong>span{color:#d6b990}.brand>span{font-size:12px;letter-spacing:1.6px;color:#aeb8b0;margin-top:8px}.workspace-label{padding:12px 10px;margin:0 8px 17px;border-top:1px solid #ffffff12;border-bottom:1px solid #ffffff12;display:flex;gap:8px;align-items:center;font-size:11px;color:#d1d7d3;min-height:42px}.workspace-label>span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-dot{width:6px;height:6px;border-radius:50%;background:#8caa92;flex-shrink:0}.demo-label{margin-left:auto;font-size:9px;letter-spacing:.5px;color:#cfb88d;background:#9a723724;border:1px solid #ad92552e;padding:1px 4px;border-radius:3px}.nav-group{font-size:9px;font-weight:600;letter-spacing:1.2px;text-transform:uppercase;color:#89978d;margin:20px 17px 8px}.nav-group:first-child{margin-top:4px}#navigation>a{display:flex;align-items:center;gap:12px;padding:11px 15px;margin:3px 0;border-radius:5px;font-size:12px;transition:background .15s,color .15s}#navigation>a:hover{color:#fff;background:#ffffff06}#navigation>a.active{background:#35433b;color:#fff}#navigation>a.active svg{color:#ceddcd}#navigation svg{width:17px;height:17px;color:#8a988e}.nav-count{font-size:10px;margin-left:auto;min-width:19px;text-align:center;padding:0 5px;background:#ffffff0d;border:1px solid #ffffff08;border-radius:4px;color:#b5c1b8}.nav-live-dot{width:5px;height:5px;background:#7da78a;border-radius:50%;margin-left:auto;opacity:0}.nav-live-dot.connected{opacity:1}.sidebar-bottom{margin-top:auto;padding-top:25px}.local-indicator{display:flex;gap:10px;margin:0 14px 20px;font-size:10px;color:#bbc4bd;align-items:center}.local-indicator svg{color:#8d9c91;width:17px}.local-indicator small{display:block;color:#92a097;font-size:9px;margin-top:2px}.profile{margin:0 -16px;padding:17px 24px;border-top:1px solid #ffffff0c;display:flex;align-items:center;gap:10px;font-size:11px;color:#e1e5e2}.profile small{display:block;font-size:9px;color:#99a79e;margin-top:2px}.avatar{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:#435449;color:#dde7de;font-size:10px;font-weight:600;letter-spacing:.25px;flex-shrink:0}.avatar-small{width:29px;height:29px;background:#e9ede8;color:#647868;font-size:9px}
.workspace{margin-left:var(--sidebar-width);min-height:100vh;display:flex;flex-direction:column}.topbar{height:72px;flex-shrink:0;background:#fff;border-bottom:1px solid var(--border);padding:0 38px;display:flex;align-items:center;justify-content:space-between;gap:16px}.topbar-left,.topbar-right{display:flex;align-items:center;gap:20px}.breadcrumb{display:flex;align-items:center;gap:13px;font-size:11px;color:#949b97}.breadcrumb strong{font-weight:500;color:#414d45}.breadcrumb-divider{color:#c8ceca}.topbar-date{font-size:10px;color:#838b85;white-space:nowrap}.topbar-separator{width:1px;height:19px;background:var(--border)}.connection{display:flex;align-items:center;gap:6px;font-size:10px;color:#8b928e;white-space:nowrap}.connection-dot,.small-dot{display:inline-block;width:5px;height:5px;background:currentColor;border-radius:50%;flex-shrink:0}.connection.connected{color:#40775a}.connection.disconnected{color:#ae7d30}.connection-banner{padding:9px 38px;background:var(--amber-soft);border-bottom:1px solid #f0e3c7;font-size:11px;color:#8c692c}.mobile-only{display:none!important}main{padding:35px 38px 38px;max-width:1800px;width:100%;margin:0 auto;flex:1;outline:none}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px}.eyebrow{font-size:10px;letter-spacing:1.15px;text-transform:uppercase;color:#7b857d;font-weight:600;margin-bottom:8px}.page-heading .subtitle{color:var(--muted);font-size:12px;margin-top:9px}.heading-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.date-pill{display:flex;align-items:center;gap:8px;border:1px solid #e0e6e1;background:#fff;border-radius:5px;padding:8px 11px;font-size:11px;color:#68756c;white-space:nowrap}.date-pill svg{width:14px;height:14px}.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #dfe5df;border-radius:5px;padding:8px 12px;background:#fff;color:#56645b;font-weight:500;font-size:11px;line-height:1.5;white-space:nowrap;min-height:34px;transition:border-color .15s,background .15s}.button:hover{background:#f8faf8;border-color:#bdcbc0}.button svg{width:15px;height:15px}.button-primary{background:#304e3d;color:#fff;border-color:#304e3d}.button-primary:hover{background:#254230;border-color:#254230}.button-quiet{border-color:transparent;background:transparent;padding:5px 0;min-height:0;color:#617c68;font-size:11px}.button-quiet:hover{background:transparent;border-color:transparent;color:#254230}.button-quiet svg{width:13px}.icon-button{border:0;background:transparent;color:#7f8b82;width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border-radius:4px;padding:0}.icon-button:hover{background:#eff3ef;color:#354d3d}.icon-button svg{width:17px;height:17px}
.kpi-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px;margin-bottom:26px}.kpi{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:19px 19px 16px;min-height:126px}.kpi-top{display:flex;justify-content:space-between;align-items:center;gap:6px}.kpi-label{font-size:10px;text-transform:uppercase;letter-spacing:.7px;font-weight:600;color:#7d877f}.kpi-icon{color:#92a396;background:#f4f6f3;border-radius:5px;display:flex;align-items:center;justify-content:center;width:27px;height:27px}.kpi-icon svg{width:15px;height:15px}.kpi-value{font-size:31px;font-weight:550;letter-spacing:-1px;line-height:1.2;margin-top:9px;color:#26382e}.kpi-foot{display:flex;align-items:center;gap:5px;font-size:10px;color:#8a938d;margin-top:9px}.kpi-foot .small-dot{color:#67987b}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(310px,1fr);gap:22px;align-items:start}.section-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.section-header h2{font-size:14px}.section-header>div>p{font-size:11px;color:var(--muted);margin-top:3px}.card{border:1px solid var(--border);background:#fff;border-radius:8px;overflow:hidden}.card-header{padding:19px 22px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:12px}.card-header>div>p{font-size:11px;color:var(--muted);margin-top:4px}.card-body{padding:22px}.site-overview{padding:22px}.site-title{display:flex;gap:12px;align-items:center}.tile-icon{width:40px;height:40px;background:#f1f3ee;color:#788875;border:1px solid #e9ede5;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.tile-icon svg{width:20px;height:20px}.tile-icon.warm{color:#ae8a54;background:#f8f5ee;border-color:#efe9df}.site-title h3{font-size:14px;color:#36443b}.site-title p{display:flex;align-items:center;gap:4px;font-size:10px;color:#858c82;margin-top:5px}.site-title p svg{width:11px;height:11px}.site-overview-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 7px;border-radius:4px;font-size:9px;font-weight:550;line-height:1.6;white-space:nowrap;background:#f0f2f1;color:#808c85;border:1px solid #e8ede9}.badge::before{content:"";width:4px;height:4px;border-radius:50%;background:currentColor;flex-shrink:0}.badge.online,.badge.success{background:var(--green-soft);color:#40835b;border-color:#e1eee4}.badge.offline,.badge.error{color:var(--red);background:var(--red-soft);border-color:#f5dfdd}.badge.warning{color:var(--amber);background:var(--amber-soft);border-color:#f4e9d5}.badge.plain::before{display:none}.badge.source{font-size:8px;color:#8a7a58;background:#faf6ed;border-color:#f0e7d5;padding:1px 5px;margin-left:4px}.infra-tree{margin:23px 0 4px;padding-left:10px}.infra-node{position:relative;display:flex;align-items:center;gap:11px;margin-left:9px;padding:0 0 22px 23px;border-left:1px solid #dce5dc;min-height:50px}.infra-node:last-child{padding-bottom:0;border-left-color:transparent}.infra-node::before{position:absolute;content:"";width:19px;height:18px;left:-1px;top:0;border-left:1px solid #dce5dc;border-bottom:1px solid #dce5dc;border-bottom-left-radius:6px}.infra-node .node-icon{width:30px;height:30px;border:1px solid #e7ece6;background:#fafbf9;border-radius:5px;display:flex;align-items:center;justify-content:center;color:#829b88;flex-shrink:0}.node-icon svg{width:16px;height:16px}.node-copy{min-width:0;flex:1}.node-copy strong{font-size:11px;display:block;color:#506055;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.node-copy small{font-size:9px;color:#8a9588;display:block;margin-top:2px}.infra-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:11px 22px;background:#fafbf9;border-top:1px solid #eef1ec;font-size:9px;color:#899581}.infra-footer svg{width:12px;height:12px;margin-right:4px}.info-strip{display:flex;align-items:flex-start;gap:10px;padding:14px 16px;background:#f0f3ee;border:1px solid #e8ede4;border-radius:6px;margin-top:15px;color:#85917e;font-size:10px;line-height:1.7}.info-strip svg{width:15px;height:15px;margin-top:2px;color:#849c7b}.info-strip strong{color:#60715a;font-weight:550}
.timeline{padding:2px 20px}.timeline-row{display:flex;gap:12px;padding:17px 0;border-bottom:1px solid #eef1ed}.timeline-row:last-child{border-bottom:0}.event-icon{width:30px;height:30px;background:#f1f5ef;color:#85a47a;border:1px solid #e8eee4;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.event-icon svg{width:14px;height:14px}.event-icon.denied{background:#fbefed;color:#ba746b;border-color:#f4e1de}.event-icon.neutral{background:#f1f4f4;color:#8b9c9e;border-color:#e7eded}.timeline-copy{flex:1;min-width:0}.timeline-copy .timeline-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.timeline-copy strong{font-size:11px;max-width:205px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timeline-time{font-size:9px;color:#8b9786;font-variant-numeric:tabular-nums;white-space:nowrap}.timeline-copy p{font-size:10px;color:#7d8c7b;margin-top:2px}.timeline-meta{font-size:9px;color:#8f9a87;margin-top:5px;display:flex;gap:5px;align-items:center;flex-wrap:wrap}.timeline-meta svg{width:10px;height:10px}.card-link{padding:12px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:10px;color:#698168;gap:6px;background:#fdfefc}.card-link:hover{background:#f6f9f3}.card-link svg{width:12px}.live-badge{display:inline-flex;align-items:center;gap:5px;font-size:8px;font-weight:600;color:#87967e;background:#f2f4f1;border:1px solid #e8ece5;border-radius:4px;padding:3px 6px;letter-spacing:.6px;white-space:nowrap}.live-badge.connected{color:#527e54;background:#f0f6ec;border-color:#e2ecda}.live-badge .small-dot{width:4px;height:4px}.dashboard-devices{margin-top:26px}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:11px}thead{background:#fafbf9}th{font-size:9px;color:#84907d;font-weight:500;letter-spacing:.1px;white-space:nowrap;padding:12px 18px;border-bottom:1px solid var(--border)}td{padding:15px 18px;border-bottom:1px solid #edf0ec;color:#79857c;vertical-align:middle}tr:last-child td{border-bottom:0}tbody tr:hover{background:#fcfdfb}td .badge{font-size:8px}.table-primary{font-size:11px;font-weight:550;color:#475a4b;display:block}.table-secondary{font-size:9px;color:#8c9886;margin-top:3px;display:block}.table-device{display:flex;align-items:center;gap:10px;min-width:170px}.table-device .tile-icon{width:31px;height:34px;border-radius:5px;background:#f5f7f2}.table-device .tile-icon svg{width:16px;height:16px}.mono{font-family:Consolas,"Cascadia Mono",monospace;font-size:.95em;overflow-wrap:anywhere}.cell-nowrap{white-space:nowrap}.row-arrow{color:#94a28b}.row-arrow svg{width:13px}.row-link:hover .table-primary,.text-link:hover{color:#2c7248}.table-footer{padding:11px 18px;border-top:1px solid var(--border);font-size:9px;color:#8d9a82;display:flex;align-items:center;justify-content:space-between;gap:10px}.page-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.toolbar-group{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.search-field{position:relative;display:flex;align-items:center}.search-field svg{position:absolute;left:11px;width:14px;height:14px;color:#8e9d82}.search-field input{border:1px solid #e2e7df;background:#fff;border-radius:5px;min-width:250px;padding:9px 12px 9px 34px;font-size:11px;color:#576b5c}.search-field input::placeholder{color:#94a088}.filter-select{border:1px solid #e2e7df;border-radius:5px;background:#fff;padding:8px 24px 8px 10px;font-size:10px;color:#788774;min-height:34px;max-width:220px}.result-count{font-size:10px;color:#86967b;white-space:nowrap}
.empty-state{text-align:center;padding:44px 28px 40px}.empty-state.compact{padding:36px 22px}.empty-state .empty-icon{width:45px;height:45px;border-radius:12px;background:#f3f6ef;border:1px solid #e7eddf;color:#8ea27f;margin:0 auto 14px;display:flex;justify-content:center;align-items:center}.empty-state h3{font-size:13px;color:#667660;margin-bottom:7px}.empty-state p{font-size:11px;color:#88977d;max-width:325px;margin:0 auto;line-height:1.8}.empty-state .button{margin-top:17px}.empty-tip{border-top:1px solid #edf1e8;background:#fcfdfb;padding:12px 20px;color:#899c7a;font-size:9px;display:flex;gap:8px;align-items:center}.empty-tip svg{width:13px;height:13px;flex-shrink:0}.site-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.site-card{transition:border-color .2s}.site-card:hover{border-color:#b6c8af}.site-card .site-overview{padding:22px}.site-card .site-title{align-items:flex-start}.site-card .site-title h3{font-size:14px}.site-card .site-title p{margin-top:5px}.site-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.site-card-top .tile-icon{width:42px;height:42px}.site-card-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:25px 0 23px}.site-card-metrics strong{display:block;font-size:21px;font-weight:550;letter-spacing:-.6px}.site-card-metrics span{font-size:9px;color:#839376;display:block;margin-top:3px}.site-card-detail{padding-top:14px;border-top:1px solid var(--border);display:flex;align-items:center;gap:6px;font-size:10px;color:#8b9980}.site-card-detail svg{width:13px;height:13px}.back-link{display:inline-flex;gap:5px;align-items:center;font-size:10px;color:#83927a;margin-bottom:16px}.back-link svg{width:12px;height:12px}.detail-heading{display:flex;gap:15px;align-items:center}.detail-heading>.tile-icon{width:48px;height:52px}.detail-heading>.tile-icon svg{width:25px;height:25px}.detail-heading h1{font-size:25px;letter-spacing:-.75px}.detail-heading .subtitle{font-size:11px;margin-top:5px;display:flex;align-items:center;gap:7px;flex-wrap:wrap}.detail-heading .subtitle .mono{overflow-wrap:anywhere}.detail-badges{display:flex;gap:7px;margin-top:10px}.tabs{display:flex;gap:26px;border-bottom:1px solid #e1e7dc;margin-bottom:25px}.tab{position:relative;padding:12px 1px 13px;font-size:11px;color:#849676;display:inline-flex;gap:7px;align-items:center}.tab svg{width:14px;height:14px}.tab:hover{color:#497236}.tab.active{color:#426835;font-weight:550}.tab.active::after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#6b8c58}.tab-count{font-size:8px;padding:1px 5px;background:#edf2e7;border-radius:4px;font-weight:500;color:#8e9e80}.detail-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(290px,1fr);gap:22px}.stack{display:grid;gap:20px;align-content:start}.detail-list{display:grid;grid-template-columns:1fr 1fr;gap:23px 25px;margin:0}.detail-list.single{grid-template-columns:1fr;gap:18px}.detail-list>div{min-width:0}.detail-list dt{font-size:10px;color:#899c7a;margin-bottom:6px}.detail-list dd{font-size:11px;color:#586b50;margin:0;overflow-wrap:anywhere;line-height:1.65}.detail-list dd .badge{font-size:9px}.list-heading{color:#87957e;font-size:9px;font-weight:500;letter-spacing:.6px;text-transform:uppercase;padding:15px 22px 0}.capability-list{list-style:none;padding:0;margin:0}.capability-list li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 20px;border-bottom:1px solid #edf1e8;font-size:11px;color:#7a8e6c}.capability-list li:last-child{border-bottom:0}.capability-list li>span:first-child{display:flex;align-items:center;gap:9px}.capability-list svg{width:15px;height:15px;color:#9daf91}.capability-state{font-size:9px;color:#92a084;white-space:nowrap}.capability-state.supported{color:#659a5f}.capability-state.unsupported{color:#9b876f}
.notice{display:flex;align-items:flex-start;gap:10px;background:var(--amber-soft);border:1px solid #efe4cb;color:#9a8150;padding:14px 16px;border-radius:6px;font-size:11px;line-height:1.7;margin-bottom:19px}.notice svg{width:16px;height:16px;flex-shrink:0;margin-top:2px}.notice strong{display:block;font-size:11px;color:#927441;margin-bottom:3px}.notice .button{margin-top:10px}.notice-soft{background:#f4f7f0;border-color:#e7eddc;color:#89967b}.notice-soft strong{color:#738664}.notice-error{background:#fcf1ef;border-color:#f2ded7;color:#b67a67}.notice-error strong{color:#a16150}.form-card{max-width:760px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.form-grid label,form>label,.field-label{font-size:11px;color:#7e8b73;display:flex;flex-direction:column;gap:7px}.form-grid input,.form-grid select,form>label>input,.field-label>select{width:100%;border:1px solid #dde5d6;border-radius:5px;padding:10px 12px;background:#fff;color:#526849;font-size:12px;min-height:38px}.form-grid input::placeholder{color:#99a78b}.field-help{display:block;font-size:10px;color:#8d9e7c;line-height:1.7;margin-top:7px}.form-grid .full-width{grid-column:1/-1}.form-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--border);padding:17px 22px;background:#fdfefb}.form-footer>span{display:flex;align-items:center;gap:7px;font-size:9px;color:#8a9e76}.form-footer>span>svg{width:13px;height:13px}.form-message{font-size:11px;line-height:1.6;color:#819875;margin-top:12px}.form-message.error{color:#b06a58}.form-message:empty{display:none}.form-hint{font-size:11px;color:#8ca175;line-height:1.8;margin-bottom:19px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 22px;border-bottom:1px solid #edf1e7;font-size:11px}.settings-row:last-child{border-bottom:0}.settings-row strong{font-size:11px;font-weight:500;color:#778c67}.settings-row small{display:block;color:#8a9f77;font-size:10px;margin-top:4px}.settings-value{font-size:11px;color:#6e8760;white-space:nowrap}.settings-value code{font-size:10px;background:#f3f6ee;border:1px solid #e8edde;border-radius:4px;padding:3px 6px}.section-spacer{margin-top:25px}.worker-avatar{width:31px;height:31px;background:#eef2e8;color:#869d76;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:550;border-radius:50%;flex-shrink:0}.worker-avatar.large{width:50px;height:50px;font-size:15px}.worker-cell{display:flex;align-items:center;gap:10px}.worker-header{text-align:center;padding:30px 22px}.worker-header .worker-avatar{margin:0 auto 12px}.worker-header h2{font-size:18px;margin-bottom:4px}.worker-header p{font-size:11px;color:#8b9f78}.worker-header .badge{margin-top:12px}.summary-stats{display:grid;grid-template-columns:repeat(3,1fr);margin-bottom:24px;gap:16px}.summary-stat{background:#fff;border:1px solid var(--border);border-radius:6px;padding:15px 18px}.summary-stat>span{font-size:10px;color:#83996f;display:block}.summary-stat>strong{font-size:22px;letter-spacing:-.5px;font-weight:550;color:#627a52;display:block;margin-top:6px}.events-count{font-size:10px;color:#839572}.event-table th:first-child,.event-table td:first-child{width:105px}.event-result{font-size:9px;color:#899d78}.event-result.granted{color:#64945d}.event-result.denied{color:#b27162}.event-time{font-size:11px;color:#6a7f5b;font-variant-numeric:tabular-nums}.event-date{font-size:9px;color:#8d9e7a;margin-top:2px}.edge-networks{list-style:none;padding:0;margin:0}.edge-networks li{padding:14px 22px;border-bottom:1px solid #edf1e7;display:flex;justify-content:space-between;gap:15px;font-size:11px}.edge-networks li:last-child{border-bottom:0}.edge-networks strong{color:#82986e;font-weight:500}.edge-networks small{font-size:9px;color:#8c9f78;display:block;margin-top:3px}.edge-networks .mono{color:#8da07b;font-size:10px}
.footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 38px 22px;font-size:9px;color:#8f9b88}.footer-divider{color:#c4cbc0;margin:0 6px}.footer .small-dot{width:4px;height:4px;color:#9aaa8d;margin-right:4px}.initial-loading{min-height:500px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#657a56;font-size:13px;gap:12px}.initial-loading span{font-size:11px;color:#8a9a7d}.spinner{width:25px;height:25px;border:2px solid #e2e9dc;border-top-color:#7e9c69;border-radius:50%;animation:spin .9s linear infinite;margin-bottom:6px}.error-state{min-height:350px}.toast-region{position:fixed;right:25px;bottom:24px;display:flex;flex-direction:column;gap:10px;z-index:90;max-width:400px}.toast{padding:13px 17px;background:#34492d;border:1px solid #4d6642;border-radius:7px;color:#f4f7ef;box-shadow:0 8px 26px #24321e1a;font-size:11px;display:flex;gap:10px;align-items:center}.toast.error{background:#875647;border-color:#a76d58}.toast svg{width:16px;height:16px}dialog{border:1px solid #e0e7d7;border-radius:10px;width:min(570px,calc(100vw - 35px));padding:0;color:var(--ink);box-shadow:0 24px 100px #14240a30;max-height:90vh}dialog::backdrop{background:#1f2e2166;backdrop-filter:blur(2px)}.dialog-header{display:flex;justify-content:space-between;align-items:flex-start;padding:23px 25px 20px;border-bottom:1px solid var(--border)}.dialog-header .eyebrow{margin-bottom:5px}.dialog-header h2{font-size:20px;font-weight:550;letter-spacing:-.5px}.dialog-body{padding:22px 25px}.dialog-intro{font-size:11px;color:#8e9e81;line-height:1.8;margin-bottom:20px}.dialog-body .notice{margin-top:20px;margin-bottom:0;font-size:10px}.dialog-footer{padding:16px 25px;border-top:1px solid var(--border);background:#fbfdf8;display:flex;justify-content:flex-end;gap:9px}.confirmation-label{display:flex;gap:9px;align-items:flex-start;font-size:11px;color:#8d7d5a;margin-top:17px;line-height:1.7}.confirmation-label input{accent-color:#456636;margin-top:3px}.sync-preview{padding:14px 16px;background:#f7f9f2;border:1px solid #e6eddc;border-radius:6px;margin-bottom:17px}.sync-preview dt{font-size:9px;color:#839b6e}.sync-preview dd{font-size:11px;color:#6c835b}.noscript{position:fixed;inset:0;background:#fff;z-index:100;display:grid;place-items:center;padding:30px}.new-row{animation:highlight-row 1.4s ease-out}.empty-table-cell{padding:0}.error-inline{font-size:11px;color:#b5826b;margin-top:8px}.muted{color:#8d9b80}.text-link{color:#758d66}.small-label{font-size:10px;color:#899f77}.site-code{font-size:9px;letter-spacing:.7px;color:#8b9f78;text-transform:uppercase;margin-bottom:7px}.inline-count{font-size:10px;margin-left:7px;color:#8a9e76;font-weight:400}.hardware-note{margin-top:16px;font-size:10px;line-height:1.8;color:#81986d}.flow{display:flex;align-items:center;gap:12px;padding:20px 22px;flex-wrap:wrap}.flow>div{background:#f8faf3;border:1px solid #e6eddc;border-radius:5px;padding:10px 14px;min-width:120px}.flow small{display:block;color:#8ea578;font-size:9px;margin-bottom:4px}.flow strong{display:block;font-size:11px;color:#7f986c}.flow>svg{color:#b9c6ab;width:14px}.info-value{font-size:11px;color:#869b75}.network-name{font-size:10px;color:#8d9f7d}.credential-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(270px,1fr);gap:22px;align-items:start}.security-lines{list-style:none;padding:0;margin:0}.security-lines li{display:flex;align-items:flex-start;gap:9px;font-size:10px;line-height:1.8;color:#80996b;padding:7px 0}.security-lines svg{color:#8aaa73;width:14px;height:14px;margin-top:3px}.auth-summary{padding:18px 22px;border-bottom:1px solid var(--border)}.auth-summary>p{font-size:10px;color:#839d6e;margin-top:9px;line-height:1.8}.subsection-label{font-size:10px;color:#8da276;letter-spacing:.6px;text-transform:uppercase;margin:0 0 13px}.compact-table td,.compact-table th{padding-left:15px;padding-right:15px}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes highlight-row{0%{background:#e8f2dd}100%{background:transparent}}
@media(min-width:1500px){main{padding:40px 50px}.topbar{padding:0 50px}.kpi-grid{gap:20px}.kpi{padding:22px}.kpi-value{font-size:35px}.dashboard-grid{gap:25px}.footer{padding-left:50px;padding-right:50px}}
@media(max-width:1180px){:root{--sidebar-width:202px}.sidebar{padding-left:12px;padding-right:12px}.brand{margin-left:17px}.profile{margin:0 -12px;padding:17px 22px}.topbar{padding:0 26px}main{padding:28px 26px}.kpi-grid{gap:10px}.kpi{padding:15px 13px}.kpi-label{font-size:9px}.kpi-icon{width:23px;height:23px}.kpi-value{font-size:27px}.dashboard-grid{grid-template-columns:minmax(0,1.25fr) minmax(285px,1fr);gap:17px}.site-overview,.card-body{padding:18px}.site-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar-right{gap:13px}th,td{padding-left:13px;padding-right:13px}.footer{padding-left:26px;padding-right:26px}.detail-grid,.credential-layout{grid-template-columns:minmax(0,1.3fr) minmax(270px,1fr);gap:17px}}
@media(max-width:960px){.topbar-date{display:none}.kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.kpi{min-height:115px}.dashboard-grid{grid-template-columns:1fr}.dashboard-grid>.stack{grid-template-columns:1fr}.detail-grid,.credential-layout{grid-template-columns:1fr}.settings-grid{grid-template-columns:1fr}.page-heading{align-items:flex-start}.page-heading .date-pill{display:none}.detail-heading h1{font-size:23px}.heading-actions .button{font-size:10px}.page-toolbar{align-items:flex-start}.toolbar-group{gap:7px}.search-field input{min-width:190px}.site-grid{grid-template-columns:1fr}}
@media(max-width:700px){:root{--sidebar-width:0px}.sidebar{width:224px;transform:translateX(-100%);transition:transform .2s;box-shadow:5px 0 30px #16241520}.sidebar.open{transform:translateX(0)}.mobile-only{display:inline-flex!important}.topbar{padding:0 16px;height:60px}.topbar-left{gap:10px}.topbar-right{gap:10px}.topbar-separator,.topbar-right>.avatar{display:none}.breadcrumb{font-size:10px;gap:8px}.breadcrumb>span:first-child,.breadcrumb-divider{display:none}.connection{font-size:9px}main{padding:24px 18px}.page-heading{margin-bottom:21px;gap:12px;flex-wrap:wrap}h1{font-size:25px}.page-heading .subtitle{font-size:11px}.heading-actions{gap:7px}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:23px}.kpi:last-child{grid-column:span 2;min-height:100px;display:grid;grid-template-columns:1fr auto;align-items:center}.kpi:last-child .kpi-top{grid-column:1;grid-row:1}.kpi:last-child .kpi-icon{display:none}.kpi:last-child .kpi-value{grid-column:2;grid-row:1/3;margin:0;font-size:35px}.kpi:last-child .kpi-foot{grid-column:1;grid-row:2;margin-top:0}.section-header h2{font-size:13px}.site-title h3{font-size:13px}.dashboard-devices{margin-top:23px}.site-overview{padding:18px}.infra-tree{margin-top:20px;padding-left:0}.infra-node{padding-left:20px}.infra-footer{padding:11px 18px}.timeline-copy strong{max-width:180px}.page-toolbar{flex-direction:column;gap:10px}.search-field{flex:1}.search-field input{min-width:0;width:100%}.toolbar-group{width:100%}.filter-select{max-width:150px}.tabs{gap:20px;overflow-x:auto;margin-bottom:20px}.tab{font-size:10px;white-space:nowrap}.tab svg{width:12px}.detail-heading>.tile-icon{display:none}.detail-heading h1{font-size:23px}.detail-heading .subtitle{word-break:break-word;font-size:10px}.detail-badges{flex-wrap:wrap}.detail-list{gap:20px 15px}.summary-stats{gap:8px}.summary-stat{padding:12px}.summary-stat>span{font-size:9px}.summary-stat>strong{font-size:20px}.footer{padding:18px;font-size:8px;flex-wrap:wrap}.connection-banner{padding:9px 18px;font-size:10px}.form-grid{grid-template-columns:1fr}.form-footer{align-items:flex-start;flex-direction:column}.dialog-body,.dialog-header{padding:20px}.dialog-footer{padding:15px 20px}.toast-region{left:18px;right:18px;bottom:18px;max-width:none}.initial-loading{min-height:400px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.timeline-date{display:block;font-size:8px;color:#85907e;margin-top:2px;text-align:right;letter-spacing:0}.timeline-head{align-items:flex-start!important}.event-table td>.badge.source{margin:5px 0 0}.event-table th:nth-child(2),.event-table td:nth-child(2){width:115px}.event-table .event-date{white-space:nowrap}

.access-loading{display:flex;align-items:center;justify-content:center;gap:12px;min-height:160px;color:#7b8f70;font-size:12px}.access-loading .spinner{margin:0}.access-door-label{display:flex;align-items:center;gap:9px;padding:13px 15px;background:#f5f8f0;border:1px solid #e1e8d8;border-radius:6px;font-size:12px;color:#647d51}.access-door-label input,.confirmation-label input{accent-color:#456636}.access-door-label svg{width:15px;height:15px}.credential-counts{display:flex;gap:20px;flex-wrap:wrap;border-top:1px solid #e3eadb;padding-top:13px;margin-top:17px;color:#8a9b7d;font-size:10px}.credential-counts>span{display:flex;align-items:center;gap:6px}.credential-counts svg{width:13px;height:13px}.credential-counts strong{color:#60794e}.access-change-preview{padding:12px 14px;margin-top:20px;background:#f4f7ef;border:1px solid #e1e9d6;border-radius:5px;font-size:10px;color:#748963;line-height:1.8}.event-reason{display:block;max-width:210px;font-size:9px!important;color:#a96e5b!important;line-height:1.5;margin-top:4px!important}.timeline .event-reason{max-width:none}