:root{color-scheme:dark;--bg:#101315;--sidebar:#0c1012;--panel:#171c1f;--panel-2:#1c2226;--line:#293034;--line-soft:#22292d;--text:#eff3f2;--muted:#8e9a9f;--quiet:#7d8b92;--accent:#a2e8c5;--accent-ink:#102e21;--green:#82d9af;--amber:#e5bd76;--red:#ed8b85;--radius:12px;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-size:13px;line-height:1.5}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.4}button,a{touch-action:manipulation}button{color:inherit}a{color:var(--accent);text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button{border:0;background:none}button svg,svg.icon{width:18px;height:18px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}button span{pointer-events:none}h1,h2,h3,p{margin:0}h1{font-size:29px;letter-spacing:-1.05px;font-weight:600;line-height:1.25}h2{font-size:15px;font-weight:600;letter-spacing:-.2px}h3{font-size:14px;font-weight:600}.muted{color:var(--muted)}.mono{font-family:"SFMono-Regular",Consolas,monospace;font-size:11px}.eyebrow{font-size:10px;font-weight:650;letter-spacing:1.55px;text-transform:uppercase;color:var(--muted)}.icon{vertical-align:middle}.green{color:var(--green)}.amber{color:var(--amber)}.red{color:var(--red)}.skip-link{position:fixed;left:12px;top:-60px;background:var(--accent);color:#102e21;padding:12px;z-index:100}.skip-link:focus{top:12px}
.shell{display:grid;grid-template-columns:224px minmax(0,1fr);min-height:100vh}.sidebar{background:var(--sidebar);border-right:1px solid var(--line-soft);position:fixed;inset:0 auto 0 0;width:224px;padding:27px 17px 19px;display:flex;flex-direction:column;z-index:25}.brand{display:flex;align-items:center;gap:11px;margin:0 9px 36px;text-align:left;padding:0}.brand img{width:37px;height:37px}.brand-name{font-size:15px;font-weight:720;letter-spacing:1.6px;line-height:1.25}.brand-sub{font-size:9px;color:var(--muted);letter-spacing:2.4px;margin-top:5px}.nav-label{padding:0 13px;margin:25px 0 11px;color:var(--quiet);font-size:10px;font-weight:600;letter-spacing:1.5px}.nav-item{display:flex;align-items:center;gap:12px;min-height:43px;padding:10px 13px;width:100%;border-radius:7px;color:#96a3aa;font-size:12px;text-align:left;margin:3px 0;transition:background .16s,color .16s}.nav-item:hover{background:#1a2226;color:var(--text)}.nav-item.active{background:#202b28;color:#b7efd3}.nav-count{margin-left:auto;font-size:10px;border:1px solid #3b4a43;border-radius:5px;min-width:21px;text-align:center;line-height:19px;color:#b7efd3}.site-nav{gap:11px;min-height:42px;font-size:11.5px;padding-left:16px}.site-nav.selected{color:var(--text);background:#192024}.site-nav .status-dot{width:5px;height:5px}.new-site-nav{font-size:11px;color:var(--quiet);margin-top:5px}.sidebar-spacer{flex:1;min-height:32px}.local-agent{padding:14px 12px;border:1px solid var(--line);border-radius:9px;background:linear-gradient(140deg,#1b2423,#141a1c)}.agent-title{font-size:11px;display:flex;align-items:center;gap:7px}.agent-detail{font-size:10px;color:var(--muted);margin:5px 0 0 12px}.sidebar-footer{display:flex;align-items:center;justify-content:space-between;padding:20px 9px 0;color:var(--quiet);font-size:10px}.sidebar-footer button{padding:3px;color:var(--muted)}.workspace{grid-column:2;min-width:0}.topbar{height:69px;border-bottom:1px solid var(--line-soft);padding:0 32px;display:flex;justify-content:space-between;align-items:center;gap:12px;background:#111517}.breadcrumb{display:flex;align-items:center;gap:11px;font-size:11px;color:var(--quiet)}.breadcrumb b{color:#b4bfc3;font-weight:450}.breadcrumb .icon{width:15px;height:15px}.top-actions{display:flex;align-items:center;gap:16px}.search-button{display:flex;align-items:center;gap:13px;color:var(--muted);font-size:11px}.search-button kbd{font:10px inherit;padding:2px 5px;border:1px solid var(--line);border-radius:4px}.top-divider{width:1px;height:20px;background:var(--line)}.avatar{height:30px;width:30px;background:#293235;color:#c7d2d4;display:grid;place-items:center;border-radius:50%;font-size:10px;font-weight:600}.demo-pill{font-size:9px;letter-spacing:1.1px;border:1px solid #51432e;color:var(--amber);border-radius:5px;padding:4px 7px;white-space:nowrap}.icon-button.mobile-menu{display:none}.content{padding:30px 32px 34px;max-width:1560px;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.title-row{display:flex;align-items:center;gap:13px;flex-wrap:wrap}.page-subtitle{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:11px;margin-top:9px}.page-subtitle .icon{width:13px;height:13px}.heading-actions{display:flex;gap:9px;align-items:center;flex-shrink:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:37px;padding:8px 12px;border:1px solid #354044;border-radius:7px;font-size:11px;font-weight:550;white-space:nowrap;background:#191f22;transition:background .16s,transform .16s}.btn:hover:not(:disabled){background:#26302f;border-color:#54665e}.btn:active:not(:disabled){transform:translateY(1px)}.btn svg{width:15px;height:15px}.btn.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);font-weight:650}.btn.primary:hover:not(:disabled){background:#bdf6da}.btn.ghost{border-color:transparent;background:transparent;color:var(--muted)}.btn.danger{color:var(--red);border-color:#62403b;background:#342422}.btn.small{font-size:10px;min-height:30px;padding:5px 9px}.btn.full{width:100%}.icon-button{padding:6px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;color:var(--muted);min-width:30px;min-height:30px}.icon-button:hover{background:#2a3338;color:var(--text)}.badge{display:inline-flex;align-items:center;gap:6px;border-radius:5px;font-size:10px;font-weight:500;padding:3px 7px;color:var(--green);background:#1c3229;border:1px solid #294538;white-space:nowrap}.badge.neutral{color:#a0aeb5;background:#222a2e;border-color:#344047}.badge.warning{color:var(--amber);background:#332c21;border-color:#514431}.badge.error{color:var(--red);background:#392624;border-color:#593936}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.demo-notice{display:flex;align-items:center;gap:9px;padding:10px 13px;border:1px solid #323c38;background:#17201c;border-radius:7px;color:#a2b5a9;font-size:10.5px;margin-bottom:24px}.demo-notice .icon{color:#9dd3ad;width:15px;height:15px}.demo-notice strong{color:#cadbd0;font-weight:550}.demo-notice button{margin-left:auto;color:var(--accent);font-size:10px;white-space:nowrap}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:27px}.stat{border:1px solid var(--line);background:var(--panel);border-radius:var(--radius);padding:17px 18px 15px;position:relative;overflow:hidden}.stat-top{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:10px;letter-spacing:.8px;text-transform:uppercase}.stat-top .icon{width:16px;height:16px;color:#778a84}.stat-number{font-size:31px;font-weight:520;letter-spacing:-1px;margin:11px 0 5px;line-height:1}.stat-number small{font-size:16px;color:var(--quiet);font-weight:400;letter-spacing:0}.stat-caption{font-size:10px;color:var(--muted)}.stat-caption .status-dot{width:4px;height:4px;margin-right:5px;color:var(--green)}.stat-mark{position:absolute;right:17px;bottom:19px;width:25px;height:25px;border:1px solid #2c3e35;background:#1b2c23;display:grid;place-items:center;border-radius:50%;color:var(--green)}.stat-mark .icon{width:12px;height:12px}.tabs-line{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);margin-bottom:23px;gap:16px}.tabs{display:flex;gap:25px;min-width:0}.tab{padding:0 0 12px;color:var(--muted);font-size:11px;border-bottom:2px solid transparent;display:flex;align-items:center;gap:6px;white-space:nowrap}.tab.active{color:var(--accent);border-color:var(--accent)}.tab-count{padding:0 5px;font-size:9px;color:#91a39a;border-radius:4px;background:#222b27}.sync-label{color:var(--quiet);font-size:9px;white-space:nowrap;padding-bottom:12px}.sync-label .status-dot{width:4px;height:4px;margin-right:5px;color:var(--green)}.overview-grid{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:20px;align-items:start}.column{display:flex;flex-direction:column;gap:20px;min-width:0}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.panel-heading{display:flex;align-items:center;justify-content:space-between;padding:18px 19px 15px;gap:10px}.panel-title{display:flex;align-items:center;gap:9px}.panel-title .icon{width:16px;height:16px;color:#9dafa8}.panel-heading .eyebrow{font-size:8px;letter-spacing:1.15px}.text-button{font-size:10px;color:var(--muted);display:flex;align-items:center;gap:5px;padding:3px 0}.text-button:hover{color:var(--accent)}.text-button svg{width:13px;height:13px}.table-head{display:grid;grid-template-columns:minmax(0,1fr) 117px 69px;gap:12px;padding:9px 20px;color:var(--quiet);font-size:8px;letter-spacing:1px;background:#14191c;border-block:1px solid var(--line-soft)}.table-head span:last-child{text-align:right}.device-row{display:grid;grid-template-columns:minmax(0,1fr) 117px 69px;gap:12px;align-items:center;min-height:85px;padding:13px 20px;border-bottom:1px solid var(--line-soft)}.device-row:last-child{border:0}.device-main{display:flex;align-items:center;gap:12px;min-width:0;text-align:left;padding:0;color:inherit}.device-main:hover .device-name{color:var(--accent)}.device-illustration{width:41px;height:35px;border:1px solid #394347;background:#242b2f;border-radius:6px;display:grid;place-items:center;flex-shrink:0;position:relative;box-shadow:inset 0 1px 0 #4c555733}.device-illustration .icon{width:25px;height:25px;color:#a1b1b5}.device-illustration:after{content:'';position:absolute;bottom:-3px;left:7px;right:7px;border-bottom:3px solid #30393d;border-radius:3px}.device-copy{min-width:0}.device-name{font-weight:550;font-size:11.5px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:block}.device-model{font-size:9px;color:var(--muted);margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.device-status .badge{font-size:9px;padding:3px 6px}.device-note{font-size:9px;color:var(--quiet);margin-top:4px;display:flex;align-items:center;gap:4px}.device-note .icon{width:10px;height:10px}.row-controls{display:flex;align-items:center;justify-content:flex-end;gap:9px}.switch{width:32px;height:18px;background:#3a4449;border:1px solid #455058;border-radius:12px;position:relative;padding:0;transition:background .18s;flex-shrink:0}.switch:before{content:'';position:absolute;width:12px;height:12px;left:2px;top:2px;border-radius:50%;background:#a2acb1;transition:transform .18s}.switch.on{background:#87d7af;border-color:#87d7af}.switch.on:before{background:#173f2a;transform:translateX(14px)}.switch:after{content:'';position:absolute;inset:-10px -5px}.panel-footnote{padding:11px 19px;background:#141a1d;border-top:1px solid var(--line-soft);font-size:9px;color:#87988e;display:flex;align-items:center;gap:7px}.panel-footnote .icon{width:12px;height:12px;color:#8bae98}.camera-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;padding:0 17px 17px}.camera-tile{position:relative;aspect-ratio:16/10;border:1px solid #354047;background:#101518;border-radius:8px;overflow:hidden;text-align:left;padding:0;display:block;width:100%}.camera-tile img{width:100%;height:100%;object-fit:cover;transition:transform .5s;opacity:.85}.camera-tile:hover img{transform:scale(1.025)}.camera-tile:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#0a10173d,transparent 40%,#0a0f15d9);pointer-events:none}.camera-top{position:absolute;top:10px;left:10px;right:10px;display:flex;justify-content:space-between;align-items:center;gap:5px;z-index:1}.camera-label{font-size:8px;letter-spacing:.6px;color:#e2e9e5;background:#10161ca6;padding:3px 5px;border:1px solid #9bafba30;border-radius:3px}.camera-bottom{position:absolute;bottom:10px;left:11px;right:10px;display:flex;justify-content:space-between;align-items:end;z-index:1}.camera-name{font-size:11px;font-weight:550}.camera-hint{font-size:8px;color:#a4b5bf;margin-top:3px}.camera-bottom .icon{width:15px;height:15px}.camera-tile.offline img{filter:grayscale(1);opacity:.24}.offline-overlay{position:absolute;inset:0;display:grid;place-items:center;z-index:2;color:var(--muted)}.show-body{padding:0 18px 18px}.show-app{display:flex;align-items:center;gap:10px;margin:3px 0 17px}.app-icon{width:35px;height:35px;border-radius:7px;background:#312942;border:1px solid #514263;color:#c1a8e4;display:grid;place-items:center;font-size:18px;font-weight:650}.show-app .badge{margin-left:auto;font-size:8px}.show-app-name{font-size:11px;font-weight:550}.show-app-sub{font-size:9px;color:var(--muted);margin-top:2px}.clip-card{padding:12px 13px;border:1px solid #303b41;border-radius:7px;background:#121719;display:flex;gap:11px;align-items:center;margin-bottom:15px}.clip-art{width:39px;height:35px;background:repeating-linear-gradient(55deg,#192e42 0 3px,#25625c 3px 5px,#273243 5px 9px);border-radius:4px;flex-shrink:0}.clip-title{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:151px}.clip-caption{font-size:8px;color:var(--muted);margin-top:3px}.show-controls{display:grid;grid-template-columns:1fr 1fr;gap:8px}.show-controls .btn{font-size:10px;min-height:33px}.volume-row{display:flex;align-items:center;gap:9px;margin:17px 0 2px}.volume-row input{width:100%;min-width:0;height:4px;accent-color:var(--accent);cursor:pointer}.volume-row output{font-size:9px;color:var(--muted);width:29px;text-align:right;flex-shrink:0}.volume-row .icon-button{padding:0;min-width:20px;min-height:25px}.volume-row svg{width:14px;height:14px}.timeline{padding:0 19px 9px}.timeline-item{position:relative;display:flex;gap:11px;padding:3px 0 18px}.timeline-item:before{position:absolute;content:'';top:17px;bottom:1px;left:5px;width:1px;background:#313b3a}.timeline-item:last-child:before{display:none}.event-marker{width:11px;height:11px;margin-top:4px;display:grid;place-items:center;flex-shrink:0;color:var(--green)}.event-marker .status-dot{width:5px;height:5px}.timeline-content{min-width:0}.timeline-title{font-size:10px;line-height:1.45}.timeline-meta{font-size:8.5px;color:var(--quiet);margin-top:4px}.timeline-item.warning .event-marker{color:var(--amber)}.timeline-item.error .event-marker{color:var(--red)}.connection-panel{padding:17px 18px}.connection-line{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:10px;margin:10px 0}.connection-line:first-of-type{margin-top:13px}.connection-line span:last-child{color:var(--muted);font-size:9px}.connection-line .status-dot{width:4px;height:4px;margin-right:4px}.connection-footer{font-size:8.5px;color:var(--quiet);padding-top:11px;border-top:1px solid var(--line);margin-top:14px}.page-footer{display:flex;justify-content:space-between;color:var(--quiet);font-size:9px;margin-top:25px}.page-footer span{display:flex;align-items:center;gap:5px}.page-footer svg{width:12px;height:12px}.empty-state{padding:38px 20px;text-align:center;color:var(--muted)}.empty-state .icon{width:29px;height:29px;color:var(--quiet);margin-bottom:13px}.empty-state h3{color:var(--text);margin-bottom:7px}.empty-state p{max-width:330px;margin:0 auto 18px;font-size:12px}.sites-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.site-card{border:1px solid var(--line);border-radius:12px;background:var(--panel);padding:22px;text-align:left;min-height:205px;display:flex;flex-direction:column;transition:background .15s,border-color .15s}.site-card:hover{background:#1c2624;border-color:#51695d}.site-card-icon{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;color:var(--green)}.site-card-icon>.icon{width:24px;height:24px}.site-card h2{font-size:19px;margin-bottom:5px}.site-card>p{font-size:11px;color:var(--muted)}.site-card-bottom{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--quiet);border-top:1px solid var(--line);margin-top:23px;padding-top:14px}.filters{display:flex;gap:8px;margin-bottom:20px;align-items:center;flex-wrap:wrap}.filter{font-size:11px;min-height:34px;padding:7px 13px;border:1px solid var(--line);border-radius:7px;color:var(--muted)}.filter.selected{color:var(--accent);background:#203028;border-color:#3b5849}.device-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.device-card{padding:20px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}.device-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.device-card h3{margin:0 0 5px}.device-card .muted{font-size:11px}.device-card-bottom{border-top:1px solid var(--line);padding-top:13px;margin-top:18px;display:flex;justify-content:space-between;align-items:center}.camera-full-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.camera-full-grid .camera-tile{aspect-ratio:16/9}.camera-full-grid .camera-name{font-size:14px}.camera-full-grid .camera-label{font-size:10px}.camera-full-grid .camera-hint{font-size:10px}.event-list{padding:0 20px}.event-row{display:grid;grid-template-columns:34px minmax(0,1fr) 90px;gap:15px;padding:18px 0;border-bottom:1px solid var(--line-soft);align-items:start}.event-row:last-child{border-bottom:0}.event-icon{width:30px;height:30px;border-radius:8px;background:#21342a;display:grid;place-items:center;color:var(--green)}.event-icon.warning{background:#3b3121;color:var(--amber)}.event-icon.error{background:#3e2b27;color:var(--red)}.event-icon svg{width:14px;height:14px}.event-row h3{font-size:12px;font-weight:500}.event-row p{font-size:11px;color:var(--muted);margin-top:5px}.event-row time{font-size:10px;color:var(--quiet);text-align:right}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.settings-body{padding:0 20px 20px}.settings-body p{font-size:12px;color:var(--muted);margin:10px 0 20px}.info-row{padding:11px 0;display:flex;justify-content:space-between;gap:16px;font-size:11px;border-bottom:1px solid var(--line-soft)}.info-row span{color:var(--muted)}.info-row b{font-weight:500;text-align:right}.offline-banner{padding:12px 18px;color:var(--red);background:#362522;border:1px solid #6e433e;border-radius:8px;margin-bottom:20px;display:flex;align-items:center;gap:10px;font-size:12px}.offline-banner button{margin-left:auto;color:var(--text);text-decoration:underline}.initial-loading{min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;color:var(--muted)}.loading-mark{width:32px;height:32px;border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}.mobile-shade{display:none}
.modal-backdrop{position:fixed;inset:0;background:#05090bbc;backdrop-filter:blur(5px);z-index:100;display:flex;align-items:center;justify-content:center;padding:24px}.modal{width:480px;max-width:100%;max-height:calc(100dvh - 48px);overflow:auto;border:1px solid #3d494f;background:#191f23;border-radius:14px;box-shadow:0 22px 90px #0008}.modal.wide{width:840px}.modal-heading{padding:21px 23px 18px;display:flex;justify-content:space-between;align-items:flex-start;gap:15px;border-bottom:1px solid var(--line)}.modal-heading h2{font-size:18px;letter-spacing:-.4px}.modal-heading p{font-size:11px;color:var(--muted);margin-top:5px}.modal-body{padding:22px 23px}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:17px 23px;border-top:1px solid var(--line);background:#151b1e}.field{margin-bottom:17px}.field label{font-size:11px;color:#c4cfd3;display:block;margin-bottom:7px}.field input,.field select,.field textarea{width:100%;border:1px solid #3b474e;background:#11171a;border-radius:7px;color:var(--text);padding:10px 12px;min-height:41px}.field input::placeholder,.field textarea::placeholder{color:#667880}.field small{font-size:10px;color:var(--muted);display:block;margin-top:6px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field-error{color:var(--red);font-size:11px;min-height:16px;margin-top:10px}.form-note{padding:12px;border:1px solid #354539;border-radius:7px;background:#1b2a20;font-size:11px;color:#b8cabe;margin-bottom:19px;display:flex;align-items:start;gap:8px}.form-note .icon{width:16px;height:16px;flex-shrink:0}.drawer-backdrop{justify-content:flex-end;padding:0}.drawer{width:465px;max-height:100dvh;height:100dvh;border-radius:0;border-width:0 0 0 1px;display:flex;flex-direction:column}.drawer .modal-body{overflow-y:auto;flex:1}.device-hero{display:flex;align-items:center;gap:15px;padding:18px;background:#141c1f;border:1px solid var(--line);border-radius:9px;margin-bottom:20px}.device-hero .device-illustration{width:66px;height:50px}.device-hero .device-illustration svg{width:41px;height:41px}.device-hero h3{font-size:14px}.device-hero p{font-size:11px;color:var(--muted);margin-top:5px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;border:1px solid var(--line);background:var(--line);border-radius:8px;overflow:hidden;margin-bottom:20px}.detail-cell{background:#171e22;padding:13px}.detail-cell span{display:block;font-size:10px;color:var(--muted);margin-bottom:6px}.detail-cell b{font-size:12px;font-weight:500}.setting-row{padding:14px 0;display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid var(--line)}.setting-row h3{font-size:12px}.setting-row p{color:var(--muted);font-size:10px;margin-top:4px;max-width:310px}.section-label{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--quiet);margin:23px 0 12px}.simulate-buttons{display:grid;grid-template-columns:1fr 1fr;gap:9px}.simulate-buttons .btn{white-space:normal;text-align:left;justify-content:flex-start;font-size:10px;min-height:38px}.form-tabs{display:flex;gap:4px;background:#101719;padding:4px;border-radius:8px;margin-bottom:20px}.form-tabs button{flex:1;padding:8px;font-size:11px;border-radius:5px;color:var(--muted)}.form-tabs button.active{background:#2a3734;color:var(--accent)}.candidate{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid var(--line)}.candidate input{accent-color:var(--accent);width:17px;height:17px}.candidate label{flex:1}.candidate strong{display:block;font-size:12px}.candidate small{font-size:10px;color:var(--muted)}.camera-expanded{width:100%;display:block;border-radius:8px;border:1px solid var(--line)}.search-results{max-height:340px;overflow:auto}.search-result{display:flex;width:100%;align-items:center;gap:12px;text-align:left;padding:13px;border-radius:7px}.search-result:hover{background:#24302a}.search-result small{font-size:10px;color:var(--muted);display:block;margin-top:4px}.search-result .icon{color:var(--accent)}.share-preview{padding:18px;border:1px solid var(--line);border-radius:9px;background:#141b1f;margin:18px 0}.share-preview .info-row:last-child{border-bottom:0}#toast-root{position:fixed;bottom:25px;left:calc(50% + 100px);transform:translateX(-50%);z-index:200;display:flex;flex-direction:column;gap:8px;max-width:calc(100% - 32px);pointer-events:none}.toast{padding:12px 17px;background:#263b30;border:1px solid #466952;border-radius:9px;color:#d9f2e3;font-size:12px;box-shadow:0 10px 30px #0004;animation:arrive .2s ease}.toast.error{background:#422c29;border-color:#754a43;color:#f5c9c4}@keyframes arrive{from{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}body.modal-open{overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1500px){.content{padding-inline:40px}.overview-grid{grid-template-columns:minmax(0,1fr) 320px}.device-row{min-height:91px}.camera-tile{aspect-ratio:16/9}}
@media(max-width:1200px){.shell{grid-template-columns:200px minmax(0,1fr)}.sidebar{width:200px;padding-inline:12px}.content{padding:26px 23px}.topbar{padding-inline:23px}.overview-grid{grid-template-columns:minmax(0,1fr) 255px;gap:15px}.column{gap:15px}.panel-heading{padding:16px}.device-row,.table-head{grid-template-columns:minmax(0,1fr) 93px 48px;padding-inline:16px;gap:8px}.device-illustration{width:34px;height:30px}.device-main{gap:9px}.device-name{font-size:10.5px}.device-model{font-size:8px}.device-status .badge{font-size:8px}.row-controls .icon-button{display:none}.title-row{gap:9px}.title-row>.badge{display:none}h1{font-size:26px}.stats{gap:10px}.stat{padding:15px}.stat-top{font-size:9px}.device-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.search-button span{display:none}.sites-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.clip-title{max-width:130px}}
@media(max-width:1000px){.stat-mark{display:none}.overview-grid{grid-template-columns:1fr}.right-column{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.connection-panel{grid-column:1/-1}.connection-panel .connection-line{display:inline-flex;width:46%;margin-right:3%}.device-row,.table-head{grid-template-columns:minmax(0,1fr) 135px 65px}.device-name{font-size:12px}.device-model{font-size:10px}.device-status .badge{font-size:10px}.row-controls .icon-button{display:inline-flex}.device-illustration{width:41px;height:35px}.clip-title{max-width:none}.page-heading{align-items:flex-start}.heading-actions .btn{font-size:10px;padding:8px}.heading-actions .btn svg{display:none}.sync-label{display:none}.camera-tile{aspect-ratio:16/9}.settings-grid{grid-template-columns:1fr}}
@media(max-width:760px){.shell{display:block}.sidebar{transform:translateX(-100%);transition:transform .2s;width:240px}.sidebar.open{transform:translateX(0)}.mobile-shade.visible{display:block;position:fixed;inset:0;background:#0009;z-index:24}.topbar{height:60px;padding:0 18px}.icon-button.mobile-menu{display:inline-flex}.breadcrumb{gap:8px}.breadcrumb .breadcrumb-root{display:none}.top-actions{gap:11px}.search-button kbd,.top-divider{display:none}.content{padding:24px 18px}.page-heading{flex-direction:column;align-items:stretch;gap:18px;margin-bottom:18px}.title-row>.badge{display:inline-flex}.heading-actions{justify-content:flex-start}.heading-actions .btn{font-size:11px;padding:8px 12px}.heading-actions .btn svg{display:block}.heading-actions .btn.primary{margin-left:auto}.demo-notice{font-size:10px;align-items:flex-start;margin-bottom:18px}.demo-notice button{display:none}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:22px}.stat{padding:15px}.stat-number{font-size:29px;margin:12px 0 7px}.stat-top{font-size:9px}.stat-caption{font-size:9px}.stat-mark{right:13px;bottom:16px}.tabs{gap:23px;overflow-x:auto;width:100%}.tab{font-size:11px}.tabs-line{margin-bottom:18px}.overview-grid,.column{gap:16px}.right-column{grid-template-columns:1fr 1fr}.device-row,.table-head{grid-template-columns:minmax(0,1fr) 104px 43px;padding-inline:14px;gap:8px}.device-name{font-size:11px}.device-model{font-size:8px}.device-main{gap:10px}.device-status .badge{font-size:8px}.row-controls .icon-button{display:none}.device-note{font-size:8px}.panel-heading{padding:16px 15px}.panel-heading h2{font-size:14px}.camera-grid{padding:0 13px 13px;gap:10px}.camera-name{font-size:10px}.camera-label{font-size:7px}.camera-hint{font-size:7px}.camera-top{inset:8px 8px auto}.camera-bottom{inset:auto 8px 8px}.panel-footnote{font-size:8px;padding-inline:14px}.sites-grid,.device-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.site-card{padding:18px}.page-footer{font-size:8px}.page-footer span:last-child{display:none}#toast-root{left:50%;bottom:18px}.modal-backdrop{padding:16px}.drawer-backdrop{padding:0}.modal{max-height:calc(100dvh - 32px)}.drawer{max-height:100dvh}.modal-heading,.modal-body{padding:19px}.modal-footer{padding:15px 19px}.camera-full-grid{grid-template-columns:1fr}.btn{min-height:41px}.icon-button{min-height:34px;min-width:34px}.switch:after{inset:-13px -7px}}
@media(max-width:450px){.connection-panel .connection-line{display:flex;width:100%;margin-right:0}.btn{min-height:44px}.icon-button{min-height:44px;min-width:44px}h1{font-size:25px}.title-row{gap:8px}.title-row .badge{font-size:8px}.right-column{display:flex}.camera-grid{grid-template-columns:1fr}.camera-tile{aspect-ratio:16/9}.camera-label{font-size:9px}.camera-name{font-size:12px}.camera-hint{font-size:9px}.camera-top{inset:10px 11px auto}.camera-bottom{inset:auto 11px 11px}.device-row,.table-head{grid-template-columns:minmax(0,1fr) 78px 33px;gap:7px}.device-main{gap:8px}.device-illustration{width:30px;height:28px}.device-illustration .icon{width:22px;height:22px}.device-name{font-size:10px}.device-model{font-size:8px;max-width:140px}.device-note{font-size:7px;max-width:78px}.device-note .icon{display:none}.device-status .badge{font-size:7.5px;padding:3px 5px;gap:4px}.badge .status-dot{width:4px;height:4px}.table-head{font-size:7px}.stat-caption{font-size:8.5px}.sites-grid,.device-card-grid{grid-template-columns:1fr}.field-row{grid-template-columns:1fr;gap:0}.event-row{grid-template-columns:26px minmax(0,1fr) 48px;gap:9px}.event-row time{font-size:9px}.event-icon{width:25px;height:25px}.tabs{gap:20px}.demo-notice .icon{margin-top:2px}.demo-pill{font-size:8px}.topbar .avatar{display:none}.breadcrumb b{max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.remote-page-heading h1{letter-spacing:0}
.remote-page-heading>div>.badge{margin-top:10px}
.pairing-section{padding:20px 0 28px;border-bottom:1px solid var(--line);margin-bottom:24px;min-width:0}
.pairing-section h2{font-size:18px;letter-spacing:0;margin-bottom:12px}.pairing-section h3{font-size:14px;letter-spacing:0}
.pairing-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;padding:18px 0;border-top:1px solid var(--line-soft);align-items:center}
.pairing-row p,.pairing-row small{font-size:12px;color:var(--muted);margin-top:8px;overflow-wrap:anywhere}.pairing-row>div{min-width:0}
.pairing-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.pairing-actions .btn{min-height:44px;white-space:normal}
.pairing-section .info-row{gap:16px;min-width:0}.pairing-section .info-row b{overflow-wrap:anywhere;min-width:0;text-align:right}
.pairing-code{font-family:monospace;font-size:17px!important;letter-spacing:0}.pairing-error{font-size:12px;line-height:1.6;color:var(--muted);margin-top:14px}
.pairing-consequence{font-size:13px;line-height:1.7;margin-top:16px}
@media(max-width:760px){.pairing-row{grid-template-columns:minmax(0,1fr)}.pairing-actions .btn{max-width:100%}.pairing-section .info-row{flex-wrap:wrap}.pairing-section .info-row b{text-align:left}.remote-page-heading{align-items:flex-start;gap:18px;flex-wrap:wrap}}
.remote-agent{padding:24px 0;border-block-end:1px solid var(--line);margin-bottom:20px;min-width:0}
.remote-heading{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.remote-heading>div{flex:1;min-width:160px;overflow-wrap:anywhere}.remote-heading h2,.remote-history h2{font-size:18px;letter-spacing:0}.remote-heading p{font-size:12px;margin-top:5px}
.remote-meta{font-size:11px;color:var(--muted);margin:14px 0}.remote-device{display:grid;grid-template-columns:minmax(0,1fr) minmax(130px,.6fr) minmax(170px,auto);gap:16px;align-items:center;border-top:1px solid var(--line-soft);padding:17px 0;min-height:80px}
.remote-device-name{display:flex;align-items:center;gap:12px;min-width:0}.remote-device-name>div{min-width:0;overflow-wrap:anywhere}.remote-device strong{font-size:13px}.remote-device small{display:block;color:var(--muted);font-size:11px;margin-top:6px}.remote-device .icon{flex-shrink:0}.remote-status{font-size:12px;overflow-wrap:anywhere}.remote-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.remote-actions .btn,.remote-heading .btn{min-height:44px;white-space:normal}
.remote-history{padding-top:12px}.remote-history>h2{margin-bottom:16px}.remote-command-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;border-bottom:1px solid var(--line);padding:18px 0;font-size:12px;overflow-wrap:anywhere}.remote-command-row p{color:var(--muted);margin:6px 0}.remote-command-row small{color:var(--quiet)}.remote-command-row .badge{white-space:normal}
@media(max-width:1050px){.remote-device{grid-template-columns:minmax(0,1fr) minmax(100px,.5fr)}.remote-actions{grid-column:1/-1;justify-content:flex-start}.remote-command-row{grid-template-columns:1fr;gap:10px}}
@media(max-width:450px){.remote-device{grid-template-columns:1fr;gap:12px}.remote-heading{align-items:flex-start}.remote-heading>div{flex-basis:100%}.remote-meta{line-height:1.6}.remote-status{padding-left:32px}}

.incident-summary{display:flex;align-items:center;gap:12px;padding:14px 0;margin-bottom:20px;border-block:1px solid var(--line);color:var(--amber)}
.incident-summary>span{flex:1;min-width:0}.incident-summary small{display:block;color:var(--muted);margin-top:4px}.incident-summary .btn{flex-shrink:0}
.incident-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:16px}.incident-heading h2{font-size:18px;letter-spacing:0}.incident-heading>span{font-size:12px}
.incident-filters{flex-wrap:wrap}.incident-filters .filter{min-height:44px;min-width:80px}
.incident-row{display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:16px;padding:22px 0;border-bottom:1px solid var(--line)}
.incident-copy{min-width:0;overflow-wrap:anywhere}.incident-title{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:7px}.incident-title h3{font-size:14px;letter-spacing:0}.incident-title .badge{white-space:normal}
.incident-copy p{font-size:12px;color:var(--muted)}.incident-copy .incident-device{color:var(--text);margin-bottom:5px}
.incident-times{margin:12px 0 0;display:grid;gap:4px;font-size:11px;color:var(--muted)}.incident-times>div{display:flex;flex-wrap:wrap;gap:4px 12px}.incident-times dt{min-width:96px}.incident-times dd{margin:0}
.incident-actions{display:flex;align-items:start;gap:8px;flex-wrap:wrap}.incident-actions .btn{min-height:44px}.incident-actions>.muted{font-size:11px}
@media(max-width:1050px){.incident-row{grid-template-columns:28px minmax(0,1fr);gap:10px}.incident-actions{grid-column:2}}
@media(max-width:450px){.incident-heading{align-items:start;flex-direction:column;gap:6px}.incident-times>div{display:block}.incident-times dt{color:var(--text);margin-top:5px}.incident-row{padding:18px 0}.incident-title{align-items:start;flex-direction:column}}

.accounts-page{min-width:0}.accounts-page h1,.accounts-page h2,.account-form legend{letter-spacing:0}
.accounts-page .page-heading{flex-wrap:wrap}.account-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.account-actions .btn,.account-actions .icon-button{min-height:44px}.account-actions .icon-button{width:44px;flex:0 0 44px;border:1px solid var(--line);border-radius:6px}
.account-table{border-top:1px solid var(--line)}.account-row{display:grid;grid-template-columns:minmax(140px,1fr) 90px minmax(140px,1.4fr) 100px 165px;gap:18px;padding:20px 0;border-bottom:1px solid var(--line);align-items:start;min-width:0;font-size:12px}.account-row>div{min-width:0}.account-row strong,.account-scopes span{overflow-wrap:anywhere}.account-name small,.account-scopes small{display:block;font-size:11px;color:var(--muted);margin-top:5px}.account-scopes{display:grid;gap:12px}.account-table-head{font-size:11px;color:var(--muted);padding:12px 0}
.account-grants{padding:0;margin:20px 0;border:0;min-width:0}.account-grants legend{font-size:13px;font-weight:600;margin-bottom:10px}.grant-option{display:flex;gap:12px;align-items:center;min-height:48px;padding:10px 0;border-bottom:1px solid var(--line);cursor:pointer}.grant-option input{accent-color:var(--accent);width:18px;height:18px;flex:0 0 18px}.grant-option span{min-width:0;overflow-wrap:anywhere}.grant-option small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.account-enabled{margin-bottom:20px}.account-consequence{font-size:12px;margin:16px 0}.account-form input,.account-form select{min-height:44px}.account-form .field-error{margin-top:12px;overflow-wrap:anywhere}
@media(max-width:1200px){.account-row{grid-template-columns:minmax(0,1fr) 90px minmax(0,1fr)}.account-row>.account-actions{grid-column:2/-1}.account-table-head{display:none}}
@media(max-width:760px){.account-row{grid-template-columns:minmax(0,1fr) auto;gap:16px}.account-scopes{grid-column:1/-1}.account-row>.account-actions{grid-column:2;justify-content:flex-end}.account-actions .btn{white-space:normal}.accounts-page .page-heading{gap:16px}.account-form input,.account-form select{font-size:16px}}

/* Protected server demonstration: the local desktop mode retains its original layout. */
.auth-layout{min-height:100vh;min-height:100dvh;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);background:#101517}
.auth-intro{padding:48px clamp(28px,5.3vw,86px) 35px;background:radial-gradient(ellipse at 10% 90%,#24403255,transparent 68%),#121a1b;border-right:1px solid #2a3735;display:flex;flex-direction:column;justify-content:center;min-width:0}
.auth-brand{display:flex;gap:13px;align-items:center;margin-bottom:60px}.auth-brand img{width:42px;height:42px}.auth-brand strong{display:block;font-size:16px;letter-spacing:2px;line-height:1.3}.auth-brand small{display:block;color:#99a9a6;font-size:9px;letter-spacing:2.7px;margin-top:5px}
.auth-intro-copy>.eyebrow{color:#b0c7b9;font-size:10px;letter-spacing:2px}.auth-intro h1{font-size:clamp(36px,3.5vw,54px);line-height:1.13;letter-spacing:-1.8px;font-weight:550;margin:20px 0}.auth-intro h1 span{color:var(--accent)}.auth-intro-copy>p{color:#a5b3b2;font-size:14px;line-height:1.75;max-width:340px}
.auth-preview{margin-top:34px;position:relative;aspect-ratio:16/8.2;border:1px solid #40564e;border-radius:12px;overflow:hidden;box-shadow:0 16px 48px #0004;background:#0c121a}.auth-preview>img{width:100%;height:100%;object-fit:cover;opacity:.85}.auth-preview-caption{position:absolute;inset:auto 0 0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:23px 15px 13px;background:linear-gradient(transparent,#071010e8);color:#d0ded8;font-size:9px}.auth-preview-caption>span{display:flex;align-items:center;gap:7px}.auth-preview-caption .icon{width:13px;height:13px}.auth-preview-caption>span:last-child{font-size:8px;letter-spacing:1.3px;color:#a4bcb1}
.auth-modules{display:flex;justify-content:space-between;gap:12px;margin-top:23px;color:#b9c9c2;font-size:10px}.auth-modules>span{display:flex;align-items:center;gap:8px}.auth-modules .icon{width:16px;height:16px;color:#85af99}.auth-demo-note{font-size:10px;line-height:1.7;color:#859a91;max-width:400px;margin-top:29px}
.auth-access{padding:60px clamp(26px,5vw,80px) 30px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;background:radial-gradient(ellipse at 80% 0,#21302a30,transparent 65%)}.auth-card{width:100%;max-width:380px}.auth-lock{display:grid;place-items:center;width:48px;height:48px;background:#1d2d26;border:1px solid #3a5145;border-radius:13px;margin-bottom:30px;color:var(--accent)}.auth-lock .icon{width:24px;height:24px}.auth-card>.eyebrow{color:#8fa89a;letter-spacing:1.9px}.auth-card h2{font-size:26px;font-weight:550;line-height:1.25;letter-spacing:-.8px;margin:13px 0}.auth-description{color:#9ba9aa;font-size:12px;line-height:1.8;margin-bottom:31px}.auth-card .field{margin-bottom:19px}.auth-card .field label{font-size:12px;margin-bottom:9px;color:#c8d5d0}.auth-card .field input{background:#121b1d;border-color:#3b4a45;min-height:49px;padding:12px 14px;font-size:14px}.auth-card .field input:focus{border-color:var(--accent)}.auth-card input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #172423 inset;-webkit-text-fill-color:var(--text)}.auth-error{font-size:12px;line-height:1.6;margin:0 0 14px;min-height:20px}.auth-submit{min-height:48px;font-size:12px;justify-content:space-between;padding-inline:16px}.auth-submit:disabled{opacity:.65}.auth-access-note{display:flex;align-items:flex-start;gap:9px;color:#94a29e;font-size:10px;line-height:1.8;margin-top:28px;padding-top:24px;border-top:1px solid #293630}.auth-access-note .icon{width:15px;height:15px;color:#81988a;margin-top:2px}.auth-footnote{color:#768a83;font-size:9px;letter-spacing:.5px;text-align:center;margin-top:70px}.auth-footnote span{padding:0 6px}.auth-unavailable{padding:30px;text-align:center}
.session-user{font-size:11px;color:#c4d2cc;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logout-button{color:#bfcec6}.top-actions:has(.logout-button){gap:12px}.top-actions:has(.logout-button) .search-button kbd{display:none}
@media(min-width:1600px){.auth-intro{padding-inline:max(80px,calc((100vw - 1360px)/2)) 85px}.auth-access{padding-right:max(80px,calc((100vw - 1360px)/2))}}
@media(max-width:1050px){.auth-intro{padding:36px 34px}.auth-brand{margin-bottom:43px}.auth-access{padding-inline:32px}.auth-intro h1{font-size:40px}.auth-preview-caption>span:last-child{display:none}.top-actions:has(.logout-button) .search-button,.top-actions:has(.logout-button) .top-divider{display:none}.session-user{max-width:90px}}
@media(max-width:760px){.auth-layout{grid-template-columns:1fr}.auth-intro{padding:28px 28px 26px;border-right:0;border-bottom:1px solid #2a3735}.auth-brand{margin-bottom:26px}.auth-brand img{width:34px;height:34px}.auth-brand strong{font-size:14px}.auth-brand small{font-size:8px}.auth-intro h1{font-size:34px;margin:13px 0 0;letter-spacing:-1.1px}.auth-intro h1 br{display:none}.auth-intro h1 span{margin-left:7px}.auth-intro-copy>p,.auth-preview,.auth-modules,.auth-demo-note{display:none}.auth-access{padding:35px 28px 26px;align-items:center;justify-content:flex-start}.auth-lock{display:none}.auth-card{max-width:420px}.auth-card h2{font-size:25px}.auth-footnote{margin-top:34px}.auth-description{margin-bottom:26px}.top-actions:has(.logout-button){gap:8px}.session-user{max-width:75px;font-size:10px}.logout-button{padding:5px 8px}.top-actions:has(.logout-button) .demo-pill{font-size:7px;padding:4px 5px}.breadcrumb:has(+.top-actions .logout-button){min-width:0}.breadcrumb:has(+.top-actions .logout-button) b{max-width:105px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
@media(max-width:430px){.auth-intro{padding:24px 23px}.auth-intro h1{font-size:30px}.auth-intro-copy>.eyebrow{font-size:9px}.auth-access{padding:29px 23px 25px}.auth-card h2{font-size:23px}.auth-card .field input{font-size:16px}.auth-footnote{font-size:8px}.top-actions:has(.logout-button){gap:6px}.top-actions:has(.logout-button) .demo-pill{display:none}.session-user{max-width:65px}.logout-button{font-size:10px;min-height:38px}}

/* Scoped sharing and server audit. All layouts remain usable without a wide table. */
.sidebar{overflow-y:auto}
.sharing-page,.audit-page{min-width:0}.sharing-page h1,.audit-page h1,.guest-body h1{letter-spacing:0}
.sharing-intro{max-width:720px;font-size:12px;line-height:1.8;margin-bottom:25px}.share-list,.audit-list{border-top:1px solid var(--line)}
.share-row{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(110px,.8fr) minmax(180px,1fr) auto;gap:22px;padding:23px 0;border-bottom:1px solid var(--line);align-items:start;font-size:12px}
.share-row>div,.audit-row>div{min-width:0;overflow-wrap:anywhere}.share-row h2{font-size:14px;letter-spacing:0}.share-name p{margin:6px 0 3px}.share-row small{display:block;font-size:11px;color:var(--muted);margin-top:6px}.share-permissions strong{font-size:12px;font-weight:500}.share-lifetime .badge{white-space:normal}
.share-link-note{font-size:12px;line-height:1.8;margin:0 0 16px}.share-url{font-size:12px!important;min-height:46px;font-family:"SFMono-Regular",Consolas,monospace}.sharing-page>.field-error,.audit-page>.field-error{margin-bottom:20px}
.audit-row{display:grid;grid-template-columns:minmax(160px,.8fr) minmax(0,1.2fr) minmax(190px,1fr);gap:24px;padding:22px 0;border-bottom:1px solid var(--line);font-size:12px}
.audit-row strong,.audit-row time,.audit-row small{display:block}.audit-row time{color:var(--muted);font-size:11px;margin-bottom:9px}.audit-row p,.audit-row small{color:var(--muted);margin-top:6px}.audit-row small{font-size:11px}.audit-row .badge{white-space:normal}.audit-pagination{margin-top:22px}.audit-pagination .btn{min-height:44px}
.guest-body{font-size:14px}.guest-body #toast-root{left:50%}.guest-shell{max-width:1180px;margin:0 auto}.guest-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px 32px;border-bottom:1px solid var(--line)}.guest-header .btn{min-height:44px}
.guest-brand{display:flex;align-items:center;gap:12px}.guest-brand img{width:38px;height:38px}.guest-brand strong,.guest-brand small{display:block}.guest-brand strong{font-size:14px;letter-spacing:1.8px}.guest-brand small{font-size:9px;color:var(--muted);letter-spacing:1.2px;margin-top:3px}
.guest-content{padding:36px 32px}.guest-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.guest-heading>div{min-width:0;overflow-wrap:anywhere}.guest-heading h1{margin-top:9px;font-size:30px}.guest-heading .badge{white-space:normal;flex-shrink:0}.guest-access-meta{display:flex;flex-wrap:wrap;gap:8px 24px;color:var(--muted);font-size:12px;margin:18px 0 24px}
.guest-content .demo-notice{font-size:12px;padding:12px 16px}.guest-connection{display:flex;align-items:center;gap:15px;flex-wrap:wrap;padding-bottom:16px;border-bottom:1px solid var(--line);margin-bottom:12px}.guest-connection>span:not(.badge){font-size:11px;color:var(--muted)}.guest-connection .btn{margin-left:auto}.guest-message{font-size:12px;min-height:30px;overflow-wrap:anywhere}.guest-section-heading{display:flex;align-items:center;gap:12px;justify-content:space-between;margin:12px 0 18px}.guest-section-heading h2{font-size:18px;letter-spacing:0}.guest-section-heading>span{font-size:12px}
.guest-device-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.guest-device{padding:20px;border:1px solid var(--line);border-radius:10px;background:var(--panel);min-width:0}.guest-device-heading{display:flex;align-items:flex-start;gap:16px;justify-content:space-between}.guest-device-heading>div{min-width:0}.guest-device-heading h3{font-size:16px;line-height:1.4;margin-top:7px;overflow-wrap:anywhere;letter-spacing:0}.guest-device-heading p{font-size:11px;margin-top:5px;overflow-wrap:anywhere}.guest-device-heading .badge{max-width:45%;white-space:normal;flex-shrink:0;line-height:1.6}
.guest-device-facts{margin:22px 0 0;display:grid;gap:12px;font-size:12px}.guest-device-facts>div{display:flex;gap:12px;justify-content:space-between}.guest-device-facts dt{color:var(--muted)}.guest-device-facts dd{margin:0;text-align:right}.guest-device-detail{font-size:12px;margin-top:18px;overflow-wrap:anywhere}.guest-controls{display:flex;gap:10px;flex-wrap:wrap;margin-top:21px}.guest-controls .btn{min-height:44px;white-space:normal}.guest-empty{padding:12px 0 24px;font-size:13px}
.guest-camera-section,.guest-command-section{margin-top:36px}.guest-camera-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.guest-camera{margin:0;border:1px solid var(--line);border-radius:10px;overflow:hidden}.guest-camera-image{position:relative;aspect-ratio:16/9}.guest-camera-image>img{width:100%;height:100%;object-fit:cover;display:block}.guest-camera figcaption{padding:15px 18px;background:var(--panel)}.guest-camera figcaption strong,.guest-camera figcaption span{display:block;overflow-wrap:anywhere}.guest-camera figcaption span{font-size:11px;color:var(--muted);margin-top:4px}
.guest-command{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;padding:20px 0;border-bottom:1px solid var(--line);font-size:12px}.guest-command>div{min-width:0;overflow-wrap:anywhere}.guest-command p{color:var(--muted);margin-top:7px}.guest-command time{display:block;color:var(--muted);font-size:11px;margin-top:7px}.guest-command .badge{white-space:normal}.guest-footer{margin-top:40px;border-top:1px solid var(--line);padding-top:22px;color:var(--muted);font-size:11px}
.guest-closed{max-width:540px;min-height:100dvh;margin:auto;padding:80px 28px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:20px}.guest-closed>img{width:48px;height:48px;margin-bottom:12px}.guest-closed h1{font-size:29px}.guest-closed p{color:var(--muted);font-size:14px;line-height:1.8}.guest-closed .btn{min-height:44px}
@media(max-width:1150px){.share-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.share-row>.account-actions{justify-content:flex-end;align-self:end}.audit-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.audit-row>div:last-child{grid-column:2}.audit-row>div:first-child{grid-row:1/3}.sidebar-spacer{min-height:16px}.sidebar .brand{margin-bottom:24px}}
@media(max-width:760px){.sharing-page .page-heading,.audit-page .page-heading{align-items:flex-start}.share-row{gap:18px}.share-name{grid-column:1/-1}.share-row>.account-actions{grid-column:2}.share-lifetime{grid-column:1/-1}.share-row>.account-actions{grid-row:2;align-self:center}.audit-row{grid-template-columns:minmax(0,1fr);gap:14px}.audit-row>div:last-child{grid-column:auto}.audit-row>div:first-child{grid-row:auto}.guest-header{padding:21px 20px;gap:12px}.guest-content{padding:28px 20px}.guest-heading{align-items:flex-start;flex-direction:column;gap:16px}.guest-heading h1{font-size:27px}.guest-connection{gap:12px}.guest-connection .btn{margin-left:0}.guest-device-grid{grid-template-columns:1fr}.guest-camera-grid{grid-template-columns:1fr}.guest-device{padding:19px}.guest-command{grid-template-columns:1fr;gap:12px}.guest-body .demo-notice{margin-bottom:21px}.guest-access-meta{line-height:1.7}.guest-section-heading h2{font-size:17px}}
@media(max-width:430px){.guest-brand img{width:30px;height:30px}.guest-brand{gap:9px}.guest-brand strong{font-size:12px}.guest-brand small{font-size:7px;letter-spacing:1px}.guest-header .btn{font-size:10px;padding-inline:10px}.guest-device-heading{flex-direction:column;gap:12px}.guest-device-heading .badge{max-width:100%}.guest-device-facts>div{flex-direction:column;gap:3px}.guest-device-facts dd{text-align:left}.guest-controls .btn{flex:1}.share-permissions{grid-column:1}.share-row .btn{min-height:44px}}