:root{--bg:#f5f7fb;--panel:#fff;--panel-soft:#f8fafc;--field-bg:#fff;--text:#1f2937;--muted:#667085;--line:#e5e7eb;--primary:#2563eb;--primary-strong:#1d4ed8;--primary-soft:#eff6ff;--primary-soft-hover:#dbeafe;--danger:#c2410c;--danger-soft:#fff7ed;--danger-soft-hover:#ffedd5;--action-control:#2563eb;--action-control-hover:#1d4ed8;--action-assign:#059669;--action-assign-hover:#047857;--action-analyze:#7c3aed;--action-analyze-hover:#6d28d9;--action-delete:#dc2626;--action-delete-hover:#b91c1c;--success:#15803d;--success-soft:#dcfce7;--status-muted-soft:#f1f5f9;--focus-ring:#2563eb1f;--primary-border:#2563eb38;--danger-border:#c2410c38;--button-text:#fff;--toast-warning:#f59e0b;--shadow:0 18px 50px #0f172a14;--account-shadow:0 10px 24px #0f172a0f;--toast-shadow:0 14px 36px #0f172a29;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=dark]{--bg:#050309;--panel:#0b0712;--panel-soft:#130d1f;--field-bg:#08050d;--text:#f4f2ff;--muted:#a99fbe;--line:#261a35;--primary:#8b5cf6;--primary-strong:#a78bfa;--primary-soft:#8b5cf629;--primary-soft-hover:#8b5cf647;--danger:#fb7185;--danger-soft:#fb718524;--danger-soft-hover:#fb71853d;--action-control:#7c3aed;--action-control-hover:#8b5cf6;--action-assign:#059669;--action-assign-hover:#10b981;--action-analyze:#9333ea;--action-analyze-hover:#a855f7;--action-delete:#e11d48;--action-delete-hover:#f43f5e;--success:#4ade80;--success-soft:#4ade8021;--status-muted-soft:#211f34;--focus-ring:#8b5cf63d;--primary-border:#8b5cf65c;--danger-border:#fb71854d;--button-text:#fff;--toast-warning:#fbbf24;--shadow:0 18px 50px #00000057;--account-shadow:0 12px 28px #00000052;--toast-shadow:0 14px 36px #0000005c}*{box-sizing:border-box}body{min-width:320px;color:var(--text);background:var(--bg);margin:0}button,input,select,textarea{font:inherit}button{min-height:42px;color:var(--button-text);background:var(--primary);cursor:pointer;border:0;border-radius:8px;padding:0 18px}button:hover:not(:disabled){background:var(--primary-strong)}button:disabled{cursor:not-allowed;opacity:.55}input,select,textarea{border:1px solid var(--line);width:100%;min-height:42px;color:var(--text);background:var(--field-bg);border-radius:8px;outline:none;padding:0 12px}textarea{resize:vertical;min-height:120px;padding-top:12px}input[type=checkbox]{width:18px;min-height:18px;accent-color:var(--primary)}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--focus-ring)}#app{min-height:100vh}.login-page{place-items:center;min-height:100vh;padding:24px;display:grid}.login-panel{border:1px solid var(--line);background:var(--panel);width:min(420px,100%);box-shadow:var(--shadow);border-radius:8px;padding:32px}.brand-block{align-items:center;gap:14px;margin-bottom:30px;display:flex}.brand-mark{width:46px;height:46px;color:var(--button-text);background:var(--primary);border-radius:8px;place-items:center;font-weight:700;display:grid}.brand-block h1{margin:0;font-size:24px;line-height:1.2}.brand-block p{color:var(--muted);margin:4px 0 0;font-size:14px}.login-form{gap:16px;display:grid}.login-form label{color:var(--muted);gap:8px;font-size:14px;display:grid}.form-error{color:var(--danger);margin:0;font-size:14px}.app-shell{width:min(1180px,100% - 32px);margin:0 auto;padding:24px 0 32px}.device-management-shell{width:min(1480px,100% - 32px)}.device-management-shell .topbar{min-height:52px;margin-bottom:12px}.topbar{justify-content:space-between;align-items:center;gap:16px;min-height:64px;margin-bottom:20px;display:flex}.topbar div{align-items:baseline;gap:12px;display:flex}.topbar strong{font-size:22px}.topbar span{color:var(--muted)}.service-status-chip{border:1px solid var(--line);min-height:28px;color:var(--muted);background:var(--panel);border-radius:999px;align-items:center;gap:7px;padding:0 10px;font-size:13px;font-weight:600;display:inline-flex}.service-status-chip i{background:var(--muted);border-radius:999px;width:8px;height:8px}.service-status-chip.online{color:var(--success);border-color:color-mix(in srgb, var(--success) 28%, var(--line));background:var(--success-soft)}.service-status-chip.online i{background:var(--success)}.service-status-chip.pending{color:#b45309;background:#f59e0b1f;border-color:#b453093d}.service-status-chip.pending i{background:#f59e0b}.service-status-chip.offline{color:var(--danger);border-color:var(--danger-border);background:var(--danger-soft)}.service-status-chip.offline i{background:var(--danger)}.ghost-button{color:var(--text);border:1px solid var(--line);background:var(--field-bg)}.ghost-button:hover:not(:disabled){color:var(--primary);background:var(--panel-soft)}.summary-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:14px;display:grid}.summary-row div{border:1px solid var(--line);background:var(--panel);border-radius:8px;gap:8px;padding:18px;display:grid}.summary-row span{color:var(--muted);font-size:14px}.summary-row strong{font-size:24px}.toolbar{border:1px solid var(--line);background:var(--panel);border-radius:8px;grid-template-columns:repeat(3,minmax(0,1fr)) auto auto;gap:10px;margin-bottom:14px;padding:14px;display:grid}.dashboard-page{width:min(1480px,100% - 32px);margin:0 auto;padding:24px 0 36px}.dashboard-hero{border:1px solid var(--primary-border);background:linear-gradient(135deg, color-mix(in srgb, var(--primary) 14%, transparent), transparent 56%), var(--panel);min-height:118px;box-shadow:var(--shadow);border-radius:8px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;padding:22px 24px;display:flex}.dashboard-kicker{color:var(--primary);margin-bottom:8px;font-size:13px;font-weight:800;display:inline-flex}.dashboard-hero h1{margin:0;font-size:30px;line-height:1.15}.dashboard-metrics{grid-template-columns:1.25fr repeat(3,minmax(0,1fr));gap:14px;margin-bottom:14px;display:grid}.metric-card{border:1px solid var(--line);background:var(--panel);min-height:132px;box-shadow:var(--account-shadow);border-radius:8px;align-content:space-between;gap:10px;padding:18px;display:grid}.metric-card span,.metric-card small{color:var(--muted);font-size:13px;font-weight:700}.metric-card strong{font-size:34px;line-height:1}.primary-metric{color:var(--text);border-color:var(--line);background:var(--panel)}.primary-metric span,.primary-metric small{color:var(--muted)}.dashboard-overview{grid-template-columns:1.45fr minmax(300px,.85fr);gap:14px;margin-bottom:14px;display:grid}.online-ring-card,.insight-panel,.dashboard-panel{border:1px solid var(--line);background:var(--panel);box-shadow:var(--account-shadow);border-radius:8px}.online-ring-card{grid-template-columns:180px 1fr;align-items:center;gap:24px;padding:22px;display:grid}.online-ring{--online-percent:0%;aspect-ratio:1;background:radial-gradient(circle at center, var(--panel) 0 58%, transparent 59%), conic-gradient(var(--success) var(--online-percent), var(--danger) 0);border-radius:50%;align-content:center;place-items:center;width:164px;display:grid}.online-ring strong{font-size:30px}.online-ring span{color:var(--muted);font-size:13px;font-weight:700}.online-ring-card h2,.dashboard-panel h2{margin:0 0 12px;font-size:16px}.online-ring-card p{color:var(--muted);margin:0 0 18px}.status-split{background:var(--status-muted-soft);border-radius:999px;height:12px;display:flex;overflow:hidden}.online-split{background:var(--success)}.offline-split{background:var(--danger)}.insight-panel{gap:14px;padding:22px;display:grid}.insight-panel>span{color:var(--muted);font-size:13px;font-weight:800}.insight-panel div{border-bottom:1px solid var(--line);gap:4px;padding-bottom:12px;display:grid}.insight-panel div:last-child{border-bottom:0;padding-bottom:0}.insight-panel strong{font-size:20px}.insight-panel small{color:var(--muted)}.dashboard-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.dashboard-panel{min-height:250px;padding:18px}.wide-panel{grid-column:span 2}.bucket-list,.mini-distribution,.recency-strip{gap:12px;display:grid}.bucket-row{gap:8px;display:grid}.bucket-row>div:first-child,.mini-distribution div,.recency-strip div>span,.recency-strip div>strong{min-width:0}.bucket-row>div:first-child,.mini-distribution div{justify-content:space-between;align-items:center;gap:12px;display:flex}.bucket-row span,.mini-distribution span,.recency-strip span{color:var(--muted);font-size:13px;font-weight:700}.bucket-track{background:var(--status-muted-soft);border-radius:999px;height:9px;overflow:hidden}.bucket-track span{border-radius:inherit;background:linear-gradient(90deg, var(--primary), var(--success));height:100%;display:block}.compact-panel{gap:14px;display:grid}.mini-distribution div{border:1px solid var(--line);background:var(--panel-soft);border-radius:8px;min-height:42px;padding:10px 12px}.recency-strip{grid-template-columns:repeat(4,minmax(0,1fr))}.recency-strip>div{border:1px solid var(--line);background:var(--panel-soft);border-radius:8px;gap:10px;padding:14px;display:grid}.recency-strip strong{font-size:24px}.action-message{border:1px solid var(--line);color:var(--muted);background:var(--panel);border-radius:8px;margin-bottom:14px;padding:12px 14px}.table-wrap{border:1px solid var(--line);background:var(--panel);border-radius:8px;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:1040px}.device-table{min-width:1120px}.detail-list-shell{min-width:460px}.detail-list-shell .device-table{min-width:1040px}.compact-table-shell .device-table th,.compact-table-shell .device-table td{padding:9px 10px;font-size:13px}.compact-table-shell .row-action-strip{gap:3px}.compact-table-shell .device-table th,.compact-table-shell .device-table td{padding:8px 9px}.compact-table-shell .mini-action{min-height:26px;padding:0 8px;font-size:12px}.inline-tool-panel,.tool-panel-content{border:1px solid var(--line);background:var(--panel-soft);border-radius:8px;gap:10px;margin-bottom:12px;padding:12px;display:grid}.inline-tool-panel strong,.tool-panel-content h2{margin:0;font-size:15px}.inline-toggle{border:1px solid var(--line);min-height:28px;color:var(--muted);background:var(--field-bg);border-radius:8px;align-items:center;gap:8px;padding:0 10px;font-size:12px;font-weight:700;display:inline-flex}.inline-toggle input{width:16px;min-height:16px}.tool-panel-shell{min-width:520px}.tool-panel-note{color:var(--muted);margin:0;font-size:13px}.tool-panel-title-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.tool-panel-title-row span{color:var(--muted);font-size:12px;font-weight:700}.active-action{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.media-preview-panel{border:1px solid var(--line);background:var(--panel);border-radius:8px;gap:10px;padding:10px;display:grid}.media-preview-panel>div:first-child{gap:3px;display:grid}.media-preview-panel span{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.media-preview-surface{border:1px solid var(--line);min-height:150px;color:var(--muted);background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 12%, transparent), transparent 48%), var(--field-bg);border-radius:8px;place-items:center;font-weight:800;display:grid}.media-preview-surface img{object-fit:contain;border-radius:6px;max-width:100%;max-height:360px}.media-thumb-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.media-thumb-card{border:1px solid var(--line);min-width:0;color:var(--text);background:var(--panel);cursor:pointer;text-align:left;border-radius:8px;gap:8px;padding:8px;display:grid}.media-thumb-card:hover{border-color:var(--accent)}.media-thumb-card strong,.media-thumb-card small{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.media-thumb-card small{color:var(--muted)}.media-thumb-visual{border:1px solid var(--line);min-height:86px;color:var(--muted);background:var(--field-bg);border-radius:6px;place-items:center;font-weight:800;display:grid;overflow:hidden}.media-thumb-visual img{object-fit:cover;width:100%;height:86px;display:block}.media-thumb-image{background:linear-gradient(135deg, color-mix(in srgb, var(--success) 16%, transparent), transparent 52%), var(--field-bg)}.media-thumb-video{background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 16%, transparent), transparent 52%), var(--field-bg)}.media-gallery-table{min-width:980px}th,td{border-bottom:1px solid var(--line);text-align:left;white-space:nowrap;padding:15px 16px}.device-table th,.device-table td{padding:10px 14px}.device-table td span{margin-top:2px}.device-table .status-pill{min-height:24px}.device-table .table-action{min-height:28px;padding:0 10px}.device-table th.location-column,.device-table td.location-column{text-align:center;width:132px;min-width:132px;max-width:132px}.device-table td.location-column .location-stack{flex-direction:column;justify-content:center;align-items:center;gap:1px;min-width:max-content;margin:0 auto;line-height:1.15;display:inline-flex}.device-table td.location-column .location-stack strong{font-weight:600}.device-table td.location-column .location-stack span{margin-top:0;font-size:12px}.device-table td.location-column .location-stack strong,.device-table td.location-column .location-stack span{text-align:center}th{color:var(--muted);background:var(--panel-soft);font-size:13px;font-weight:600}td strong,td span{display:block}td span{color:var(--muted);margin-top:4px;font-size:13px}tbody tr:last-child td{border-bottom:0}.status-pill{border-radius:999px;justify-content:center;align-items:center;min-width:54px;min-height:28px;font-size:13px;display:inline-flex}.status-pill.online{color:var(--success);background:var(--success-soft)}.status-pill.offline{color:var(--muted);background:var(--status-muted-soft)}.state-text{min-width:58px;font-size:13px;font-weight:600;display:inline-flex}.state-text.enabled{color:var(--success)}.state-text.disabled{color:var(--danger)}.state-text.unknown{color:var(--muted)}.power-cell{align-items:center;gap:6px;display:inline-flex}.charging-icon{clip-path:polygon(58% 0,18% 52%,47% 52%,35% 100%,84% 39%,55% 39%);filter:drop-shadow(0 1px 1px #6f4e0047);background:#f2b705;width:12px;height:16px;display:inline-block}.table-action{min-height:32px;color:var(--primary);border:1px solid var(--primary-border);background:var(--primary-soft);font:inherit;white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;padding:0 12px;line-height:1;display:inline-flex}.table-action.solid-action{color:var(--button-text);border-color:#0000;font-weight:600}.table-action.control-action{background:var(--action-control)}.table-action.control-action:hover:not(:disabled){background:var(--action-control-hover)}.table-action.assign-action{background:var(--action-assign)}.table-action.assign-action:hover:not(:disabled){background:var(--action-assign-hover)}.table-action.analyze-action{background:var(--action-analyze)}.table-action.analyze-action:hover:not(:disabled){background:var(--action-analyze-hover)}.table-action.download-action{background:var(--action-control);text-decoration:none}.table-action.download-action:hover:not(:disabled){background:var(--action-control-hover)}.table-action:hover:not(:disabled){background:var(--primary-soft-hover)}.remark-button{max-width:150px;min-height:30px;color:var(--text);text-align:left;text-overflow:ellipsis;white-space:nowrap;background:0 0;padding:0;overflow:hidden}.remark-button:hover:not(:disabled){color:var(--primary);background:0 0}.table-action.danger{color:var(--danger);border-color:var(--danger-border);background:var(--danger-soft)}.table-action.solid-action.danger{color:var(--button-text);background:var(--action-delete);border-color:#0000}.table-action.solid-action.danger:hover:not(:disabled){background:var(--action-delete-hover)}.table-action.danger:hover:not(:disabled){background:var(--danger-soft-hover)}.action-buttons{flex-wrap:wrap;gap:8px;display:flex}.file-navigation-toolbar{align-items:center}.empty-state{min-height:220px;color:var(--muted);place-items:center;display:grid}.device-detail-page{width:min(1540px,100% - 32px)}.device-detail-edge-page{width:calc(100% - 16px);margin:0 16px 0 0;padding:8px 0 32px 16px}.device-detail-edge-page .topbar{min-height:48px;margin-bottom:10px}.device-detail-layout{grid-template-columns:minmax(175px,205px) minmax(400px,480px) minmax(460px,1fr);align-items:start;gap:10px;display:grid}.device-detail-main{gap:10px;min-width:0;display:grid}.device-control-strip{border:1px solid var(--line);background:var(--panel);border-radius:8px;gap:8px;padding:10px;display:grid}.device-control-strip h2{margin:0 0 10px}.device-control-strip p{color:var(--muted);margin:12px 0 0}.function-row{flex-wrap:wrap;margin-bottom:8px}.function-row:last-child{margin-bottom:0}.function-row .table-action{flex:none}.screen-stream-panel{border:1px solid var(--line);background:var(--panel);color:var(--muted);border-radius:8px;gap:8px;margin-bottom:10px;padding:10px 12px;display:grid}.legacy-screen-panel{display:none}.device-screen-zone{grid-template-columns:minmax(300px,1fr);align-items:start;gap:14px;display:grid}.phone-frame{justify-items:stretch;gap:8px;display:grid}.phone-toolbar{flex-wrap:wrap;align-items:center;gap:6px;width:100%;display:flex}.phone-toolbar .table-action{min-height:30px;padding:0 9px}.compact-action{white-space:nowrap}.danger-action{color:#f08a8a;border-color:#e04a4a66}.row-action-strip{flex-wrap:wrap;gap:6px;display:flex}.keylog-filter-strip{border:1px solid var(--line);background:var(--field-bg);border-radius:8px;grid-template-columns:repeat(2,minmax(150px,220px));align-items:center;gap:8px;max-width:456px;padding:8px;display:grid}.keylog-filter-strip .compact-control{background:var(--panel);width:100%;max-width:none}.microphone-panel{gap:10px}.microphone-status{border:1px solid var(--line);background:var(--field-bg);width:fit-content;min-height:24px;color:var(--muted);border-radius:6px;padding:4px 9px;font-size:12px}.microphone-waveform{background:0 0;border:0;justify-content:flex-start;align-items:center;gap:8px;width:min(760px,100%);height:72px;padding:0;display:flex}.microphone-wave-bar{width:3px;height:max(10px, var(--level));opacity:.34;transform-origin:50%;background:linear-gradient(#67e8f9 0%,#22c55e 100%);border-radius:999px;transition:height .24s ease-out,opacity .18s,box-shadow .18s;display:block;box-shadow:0 0 10px #67e8f92e}.microphone-waveform.is-listening .microphone-wave-bar{opacity:.88;box-shadow:0 0 14px #22c55e4d}.location-panel{gap:12px}.location-summary{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;display:flex}.location-summary span,.location-summary a{border:1px solid var(--line);background:var(--field-bg);min-height:26px;color:var(--text);border-radius:6px;align-items:center;padding:0 8px;text-decoration:none;display:inline-flex}.location-map-shell{border:1px solid var(--line);background:var(--panel);border-radius:8px;min-height:340px;overflow:hidden}.location-map{border:0;width:100%;height:340px;min-height:340px;display:block}.location-map .leaflet-tile-pane{filter:saturate(.92)contrast(.98)}.location-map .leaflet-control-zoom{border:1px solid var(--line);box-shadow:0 8px 18px #0f172a1f}.location-leaflet-marker{background:#ef4444;border:3px solid #fff;border-radius:999px 999px 999px 0;width:28px;height:28px;transform:rotate(-45deg);box-shadow:0 8px 18px #0f172a47}.location-leaflet-marker span{background:#fff;border-radius:999px;display:block;position:absolute;inset:6px;box-shadow:inset 0 0 0 3px #ef4444}.lockscreen-panel{gap:12px}.lockscreen-form-grid{grid-template-columns:repeat(2,minmax(180px,1fr));gap:10px;display:grid}.lockscreen-form-grid label{color:var(--muted);gap:6px;font-size:12px;font-weight:700;display:grid}.lockscreen-form-grid input,.lockscreen-form-grid select{width:100%;max-width:none}.lockscreen-state-strip,.lockscreen-record-list{flex-wrap:wrap;gap:8px;display:flex}.lockscreen-state-strip span,.lockscreen-record{border:1px solid var(--line);background:var(--field-bg);min-height:26px;color:var(--text);border-radius:6px;align-items:center;gap:8px;padding:0 8px;font-size:12px;display:inline-flex}.lockscreen-record strong{font-weight:800}.injection-record-block{flex-direction:column;align-items:flex-start}.injection-upload-control{border:1px solid var(--line);background:var(--field-bg);min-height:34px;color:var(--text);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;padding:0 10px;font-size:13px;display:inline-flex}.injection-upload-control input{display:none}.injection-primary-action{min-height:34px;padding:0 14px;font-size:13px;font-weight:700}.injection-upload-progress{background:var(--line);border-radius:999px;height:4px;overflow:hidden}.injection-upload-progress span{background:var(--accent);height:100%;display:block}.injection-current-target{border:1px solid var(--line);background:var(--field-bg);border-radius:6px;gap:3px;padding:10px;font-size:13px;display:grid}.injection-current-target strong{font-size:14px}.injection-log-groups{gap:8px;display:grid}.injection-log-app{border:1px solid var(--line);background:var(--field-bg);border-radius:8px;gap:6px;padding:10px;display:grid}.injection-log-app-header{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:3px 8px;display:grid}.injection-log-app-header span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.injection-log-app-header em{color:var(--muted);font-size:12px;font-style:normal}.injection-log-entry{border-top:1px solid var(--line);gap:4px;padding-top:6px;display:grid}.injection-log-entry span{color:var(--muted);font-size:12px}.injection-log-entry pre{white-space:pre-wrap;word-break:break-word;max-height:86px;margin:0;font-size:12px;overflow:auto}.mini-action{border-radius:6px;min-height:26px;padding:0 8px;font-size:12px}.compact-control{border:1px solid var(--line);background:var(--panel);max-width:120px;min-height:32px;color:var(--text);border-radius:6px;padding:6px 8px}.blackout-style-control{max-width:132px}.toolbar-field{border:1px solid var(--line);min-height:32px;color:var(--muted);border-radius:6px;align-items:center;gap:6px;padding:0 8px;font-size:12px;display:inline-flex}.toolbar-combo{border:1px solid var(--line);box-sizing:border-box;background:0 0;border-radius:8px;align-items:center;gap:4px;height:32px;min-height:32px;padding:1px;display:inline-flex}.toolbar-combo-button-size{max-height:32px}.toolbar-combo .table-action,.toolbar-combo .compact-control,.toolbar-combo .toolbar-field{background:0 0;border-color:#0000;border-radius:6px;height:28px;min-height:28px}.toolbar-combo-muted{color:var(--muted)}.toolbar-combo-muted .table-action{color:var(--primary);background:0 0}.toolbar-field-plain{background:0 0;border-color:#0000;padding:0 6px}.toolbar-field input{width:86px}.permission-dropdown{position:relative}.permission-dropdown summary{border:1px solid var(--line);background:var(--panel);min-height:30px;color:var(--text);cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:6px 10px;font-size:13px;list-style:none;display:inline-flex}.permission-dropdown summary.has-caret:after{content:"";opacity:.8;border-top:5px solid;border-left:4px solid #0000;border-right:4px solid #0000;width:0;height:0}.permission-dropdown summary::-webkit-details-marker{display:none}.permission-dropdown-panel{z-index:30;border:1px solid var(--line);background:var(--panel);border-radius:8px;gap:8px;width:190px;max-height:300px;padding:10px;display:grid;position:absolute;top:calc(100% + 6px);left:0;overflow:auto;box-shadow:0 14px 28px #00000038}.permission-option{color:var(--text);align-items:center;gap:8px;font-size:12px;display:flex}.color-control{border:1px solid var(--line);background:var(--panel);border-radius:6px;width:34px;height:32px;padding:2px}.screen-text-form{align-items:center;gap:4px;display:inline-flex}.screen-command-message{color:var(--muted);margin:0;font-size:12px}.phone-screen{width:min(420px,100%);aspect-ratio:var(--screen-panel-aspect,600 / 1000);border:1px solid var(--line);color:#d7dce5;background:#05070a;border-radius:8px;place-items:center;min-height:0;font-size:18px;display:grid;overflow:hidden;box-shadow:0 10px 22px #0000002e}.phone-screen-live{justify-self:center}.phone-screen-has-frame{min-height:0}.phone-screen img{object-fit:contain;cursor:crosshair;width:100%;height:100%;display:block}.screen-reader-floating-window{z-index:40;resize:both;border:1px solid var(--line);background:var(--panel);border-radius:8px;grid-template-rows:auto minmax(180px,1fr) auto auto;gap:10px;width:min(420px,100vw - 48px);min-width:280px;height:min(640px,100vh - 112px);min-height:300px;padding:12px;display:grid;position:fixed;top:76px;right:24px;overflow:auto;box-shadow:0 18px 38px #0000003d}.floating-window-titlebar{cursor:move;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:10px;display:flex}.floating-title-actions,.reader-toolbar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.floating-screen-surface{aspect-ratio:var(--screen-reader-aspect,auto);border:1px solid var(--line);color:#d7dce5;background:#05070a;border-radius:8px;place-items:center;min-height:180px;display:grid;overflow:hidden}.floating-screen-surface img{object-fit:contain;cursor:crosshair;width:100%;height:100%;display:block}.camera-floating-window{width:min(520px,100vw - 48px)}.camera-screen-surface{min-height:300px}.modal-backdrop{z-index:70;background:#05070a94;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.compact-modal{border:1px solid var(--line);background:var(--panel);border-radius:8px;gap:12px;width:min(460px,100%);padding:16px;display:grid;box-shadow:0 20px 46px #00000047}.modal-titlebar,.modal-actions{justify-content:space-between;align-items:center;gap:10px;display:flex}.modal-field{color:var(--muted);gap:6px;font-size:12px;display:grid}.modal-field input,.modal-field textarea{border:1px solid var(--line);background:var(--bg);width:100%;min-height:34px;color:var(--text);border-radius:6px;padding:8px 10px}.modal-field textarea{resize:vertical;min-height:92px}.modal-hint{color:var(--muted);margin:0;font-size:12px}.file-picker-row{align-items:center;gap:10px;min-height:36px;display:flex}.file-picker-button{border:1px solid var(--line);background:var(--panel-strong);min-height:34px;color:var(--text);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;padding:0 12px;display:inline-flex}.file-picker-button:hover{border-color:var(--accent)}.file-picker-name,.file-picker-placeholder{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.visually-hidden-file{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.screen-stream-panel+.screen-stream-panel{margin-top:-2px}.screen-stream-panel img{object-fit:contain;border:1px solid var(--line);cursor:crosshair;background:#05070a;border-radius:6px;width:min(360px,100%);max-height:480px}.screen-nav-buttons{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.screen-nav-buttons-live{justify-self:center;width:min(420px,100%)}.device-info-sidebar{border:1px solid var(--line);background:var(--panel);border-radius:8px;max-height:calc(100vh - 32px);font-size:13px;position:sticky;top:0;overflow:auto}.device-info-header{border-bottom:1px solid var(--line);background:var(--panel-soft);justify-content:space-between;align-items:center;gap:12px;padding:16px;display:flex}.device-info-header div{gap:4px;min-width:0;display:grid}.device-info-header span,.device-info-settings span{color:var(--muted);font-size:12px;font-weight:600}.device-info-header strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:18px;overflow:hidden}.device-info-settings{border-bottom:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.device-info-settings div{border-right:1px solid var(--line);border-bottom:1px solid var(--line);gap:4px;min-width:0;padding:12px 14px;display:grid}.device-info-settings div:nth-child(2n){border-right:0}.device-info-settings div:nth-last-child(-n+2){border-bottom:0}.device-info-settings strong{text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.device-info-summary{border-bottom:1px solid var(--line);display:grid}.device-info-summary div{border-bottom:1px solid var(--line);gap:4px;padding:12px 16px;display:grid}.device-info-summary div:last-child{border-bottom:0}.device-info-summary span{color:var(--muted);font-size:12px;font-weight:600}.device-info-summary strong{overflow-wrap:anywhere;font-size:14px}.device-info-summary strong.enabled{color:var(--success)}.device-info-summary strong.disabled{color:var(--danger)}.device-info-summary strong.unknown{color:var(--muted)}.device-info-empty{min-height:180px;color:var(--muted);text-align:center;place-items:center;padding:18px;display:grid}.device-info-sections{display:grid}.device-info-section{border-bottom:1px solid var(--line)}.device-info-section:last-child{border-bottom:0}.device-info-section summary{color:var(--text);cursor:pointer;padding:12px 16px;font-size:14px;font-weight:700;list-style-position:inside}.device-info-section summary:hover{background:var(--panel-soft)}.device-info-section dl{gap:7px;margin:0;padding:0 16px 14px;display:grid}.device-info-section dt{color:var(--muted);font-size:12px}.device-info-section dd{overflow-wrap:anywhere;margin:-5px 0 3px;font-size:13px}.pager{justify-content:flex-end;align-items:center;gap:12px;margin-top:14px;display:flex}.pager span{color:var(--muted);font-size:14px}.page-size-control{align-items:center;gap:6px;display:inline-flex}.page-size-control select{border:1px solid var(--border);background:var(--panel);min-height:34px;color:var(--text);border-radius:8px;padding:0 28px 0 10px}.panel-layout{background:var(--bg);grid-template-columns:232px minmax(0,1fr);min-height:100vh;transition:grid-template-columns .2s;display:grid}.panel-layout.sidebar-collapsed{grid-template-columns:82px minmax(0,1fr)}.panel-sidebar{border-right:1px solid var(--line);background:var(--panel);flex-direction:column;height:100vh;padding:22px 16px;display:flex;position:sticky;top:0}.sidebar-brand{gap:4px;margin-bottom:16px;padding:0 8px;display:grid}.sidebar-brand.centered-brand{text-align:center;justify-items:center}.sidebar-brand strong{font-size:20px}.sidebar-brand span{color:var(--muted);font-size:13px}.sidebar-divider{background:var(--line);height:1px;margin:0 8px 18px}.sidebar-nav{gap:6px;display:grid}.sidebar-nav-entry{width:100%;min-height:42px;color:var(--text);text-align:left;white-space:nowrap;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;padding:0 12px;text-decoration:none;display:flex}.sidebar-entry-icon{color:currentColor;justify-content:center;width:20px;font-size:14px;font-weight:700;display:none}.sidebar-nav-entry:hover,.sidebar-nav-entry.active,.sidebar-button:hover:not(:disabled){color:var(--primary);background:var(--primary-soft)}.sidebar-footer{gap:10px;margin-top:auto;padding-top:18px;display:grid}.sidebar-tools{gap:6px;display:grid}.sidebar-tool-button{width:100%;min-height:42px;color:var(--text);text-align:left;background:0 0;border-radius:8px;align-items:center;gap:12px;padding:0 12px;display:flex}.sidebar-tool-button:hover:not(:disabled){color:var(--primary);background:var(--primary-soft)}.sidebar-tool-button span{width:20px;color:var(--primary);justify-content:center;font-size:20px;line-height:1;display:inline-flex}.sidebar-tool-button strong{font-weight:500}.sidebar-account-card{border:1px solid var(--line);background:var(--field-bg);box-shadow:var(--account-shadow);border-radius:8px;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:12px;padding:12px;display:grid}.sidebar-account-avatar{width:44px;height:44px;color:var(--button-text);background:var(--primary);border-radius:8px;place-items:center;font-weight:700;display:grid}.sidebar-account-meta{gap:2px;min-width:0;display:grid}.sidebar-account-meta strong,.sidebar-account-meta span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sidebar-account-meta span{color:var(--muted);font-size:13px}.sidebar-collapsed .panel-sidebar{padding:22px 12px}.sidebar-collapsed .sidebar-brand{justify-items:center;padding:0}.sidebar-collapsed .sidebar-divider{margin-left:0;margin-right:0}.sidebar-collapsed .sidebar-brand strong{font-size:18px}.sidebar-collapsed .sidebar-nav-entry{justify-content:center;padding:0}.sidebar-collapsed .sidebar-entry-icon{display:inline-flex}.sidebar-collapsed .sidebar-entry-label,.sidebar-collapsed .sidebar-button{display:none}.sidebar-collapsed .sidebar-tool-button{justify-content:center;padding:0}.sidebar-collapsed .sidebar-tool-button strong{display:none}.sidebar-account-card.collapsed{grid-template-columns:1fr;justify-items:center;padding:10px}.sidebar-account-card.collapsed .sidebar-account-meta{display:none}.panel-content{min-width:0}.build-page{width:min(1100px,100% - 32px);margin:0 auto;padding:24px 0 40px}.management-page{width:min(1480px,100% - 32px)}.page-heading{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px;display:flex}.page-heading h1{margin:0;font-size:28px;line-height:1.2}.page-heading p{color:var(--muted);margin:8px 0 0}.page-heading-actions{align-items:center;gap:10px;display:flex}.form-section{border:1px solid var(--line);background:var(--panel);border-radius:8px;margin-bottom:14px;padding:18px}.form-section h2{margin:0 0 16px;font-size:18px}.account-profile-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.account-profile-header div{gap:4px;display:grid}.account-profile-header span,.account-info-grid dt,.account-permission-grid span{color:var(--muted);font-size:12px}.account-profile-header strong{font-size:24px}.account-profile-header em{border:1px solid var(--primary-border);min-height:28px;color:var(--primary);background:var(--primary-soft);border-radius:999px;align-items:center;padding:0 10px;font-style:normal;font-weight:700;display:inline-flex}.account-info-grid,.account-permission-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.account-info-grid div,.account-permission-grid div,.account-disabled-panel{border:1px solid var(--line);background:var(--field-bg);border-radius:8px;align-content:center;gap:6px;min-height:62px;padding:12px;display:grid}.account-info-grid dt,.account-info-grid dd{margin:0}.account-info-grid dd,.account-permission-grid strong{overflow-wrap:anywhere;min-width:0;color:var(--text);font-weight:700}.account-disabled-panel{color:var(--muted);margin-bottom:12px}.account-password-form{gap:12px;display:grid}.account-password-form label{color:var(--muted);gap:8px;font-size:13px;font-weight:700;display:grid}.account-password-form input,.account-password-form select,.account-password-form textarea{border:1px solid var(--line);min-height:38px;color:var(--text);background:var(--field-bg);border-radius:8px;padding:0 12px}.account-password-form textarea{resize:vertical;min-height:82px;padding-top:10px}.account-form-message{color:var(--muted);font-size:13px;font-weight:700}.account-form-message.success{color:var(--success)}.account-form-message.error{color:var(--danger)}.account-row-actions{align-items:center;gap:8px;display:inline-flex}.mini-account-action{min-height:30px;padding:0 11px;font-size:13px}.account-random-row{grid-template-columns:minmax(0,1fr) minmax(54px,auto);align-items:end}.account-random-button{border:1px solid var(--primary-border);min-height:38px;color:var(--primary);background:var(--primary-soft);border-radius:8px;padding:0 12px;font-size:13px;font-weight:700}.account-random-button:hover:not(:disabled){background:var(--primary-soft-hover)}.account-permission-picker{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.permission-card{border:1px solid var(--line);min-height:44px;color:var(--text);background:var(--panel-soft);border-radius:8px;align-items:center;gap:10px;padding:10px 12px;display:flex}.permission-card:has(input:checked){border-color:var(--primary-border);background:var(--primary-soft)}.permission-card input{flex:none}.permission-card span{color:var(--text);font-size:13px;font-weight:700}.account-edit-summary{border:1px solid var(--line);background:var(--panel-soft);border-radius:8px;gap:4px;padding:12px;display:grid}.account-edit-summary strong{font-size:16px}.account-edit-summary span{color:var(--muted);font-size:13px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.form-grid.compact{grid-template-columns:repeat(2,minmax(220px,1fr))}.form-grid label{color:var(--muted);gap:8px;font-size:14px;display:grid}.wide-field{grid-column:1/-1}.input-with-action{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.icon-button{width:42px;color:var(--primary);border:1px solid var(--primary-border);background:var(--primary-soft);padding:0}.icon-button span{border:2px solid;border-top-color:#0000;border-radius:999px;width:16px;height:16px;display:inline-block}.icon-button:hover:not(:disabled){background:var(--primary-soft-hover)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.file-picker{border:1px solid var(--line);background:var(--field-bg);border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;min-height:42px;padding:4px;display:grid}.file-picker-button{min-height:32px;color:var(--primary);background:var(--primary-soft);cursor:pointer;border-radius:6px;align-items:center;padding:0 14px;font-weight:600;display:inline-flex}.file-picker-button:hover{background:var(--primary-soft-hover)}.file-picker span{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.icon-history-row{color:var(--muted);gap:8px;font-size:14px;display:grid}.icon-history-grid{flex-wrap:wrap;gap:10px;display:flex}.history-icon{border:1px solid var(--line);background:var(--field-bg);border-radius:8px;width:48px;height:48px;min-height:48px;padding:4px;position:relative}.history-icon:hover:not(:disabled),.history-icon.selected{border-color:var(--primary);box-shadow:0 0 0 3px var(--focus-ring);background:var(--field-bg)}.history-icon img{object-fit:cover;border-radius:5px;width:100%;height:100%;display:block}.history-icon-delete{border:1px solid var(--line);width:18px;min-height:18px;color:var(--muted);background:var(--field-bg);border-radius:999px;place-items:center;padding:0;font-size:12px;line-height:1;display:grid;position:absolute;top:-7px;right:-7px}.history-icon-delete:hover:not(:disabled){color:var(--danger);background:var(--danger-soft)}.toast-message{z-index:20;border:1px solid var(--line);min-height:46px;color:var(--text);background:var(--field-bg);box-shadow:var(--toast-shadow);border-radius:12px;align-items:center;gap:14px;padding:0 18px;display:inline-flex;position:fixed;top:22px;left:50%;transform:translate(-50%)}.toast-compact{gap:10px}.toast-message span{width:22px;height:22px;color:var(--button-text);background:var(--toast-warning);border-radius:999px;place-items:center;font-size:14px;font-weight:800;display:grid}.toast-message.toast-success span{background:var(--success)}.toast-message strong{font-size:15px;font-weight:600}.section-actions{justify-content:flex-start;margin-top:12px;display:flex}.centered-actions{justify-content:center}.option-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.check-row{border:1px solid var(--line);background:var(--panel-soft);border-radius:8px;align-items:center;gap:10px;min-height:42px;padding:10px 12px;display:flex}.check-row span{color:var(--text)}.disabled-section{opacity:.72}.build-actions{border:1px solid var(--line);background:var(--panel);border-radius:8px;justify-content:flex-end;align-items:center;gap:12px;padding:18px;display:flex}.build-actions.align-left{justify-content:flex-start}.build-actions .action-message{flex:0 auto;margin:0}@media (width<=760px){.login-panel{padding:24px}.app-shell{width:min(100% - 20px,1180px);padding-top:12px}.device-detail-page{width:min(100% - 20px,1540px)}.device-detail-edge-page{width:min(100% - 20px,1540px);margin:0 auto;padding-right:0}.device-management-shell{width:min(100% - 20px,1480px)}.dashboard-page{width:min(100% - 20px,1480px);padding-top:12px}.topbar,.topbar div{flex-direction:column;align-items:flex-start}.dashboard-hero,.dashboard-overview,.online-ring-card,.dashboard-metrics,.dashboard-grid,.recency-strip,.summary-row,.device-detail-layout,.toolbar,.form-grid,.form-grid.compact,.option-grid,.input-with-action{grid-template-columns:1fr}.dashboard-hero{align-items:stretch;padding:18px}.online-ring-card{justify-items:center}.wide-panel{grid-column:auto}.device-info-sidebar{border-left:1px solid var(--line);border-radius:8px;max-height:none;position:static}.panel-layout{grid-template-columns:1fr}.panel-sidebar{border-right:0;border-bottom:1px solid var(--line);height:auto;position:static}.sidebar-footer{margin-top:16px}.sidebar-nav{grid-template-columns:repeat(3,minmax(0,1fr))}.sidebar-nav a{text-align:center;justify-content:center}.page-heading{flex-direction:column}.page-heading-actions,.page-heading-actions .ghost-button{width:100%}.build-actions{flex-direction:column;align-items:stretch}.pager{justify-content:space-between}}