:root[data-theme=dark]{--bg: #0a0c10;--bg-elev-1: #11151b;--bg-elev-2: #161b22;--bg-input: #0d1117;--border: #23292f;--border-soft: #1c2128;--text: #e6edf3;--text-soft: #b9c1ca;--muted: #7d8590;--accent: #4f8cff;--accent-soft: rgba(79,140,255,.12);--ok: #3fb950;--ok-soft: rgba(63,185,80,.14);--warn: #d29922;--err: #f85149;--err-soft: rgba(248,81,73,.12);--shadow: 0 1px 0 rgba(255,255,255,.04), 0 8px 24px rgba(0,0,0,.4);--chip-bg: #1c2128;color-scheme:dark}:root[data-theme=light]{--bg: #f6f8fa;--bg-elev-1: #ffffff;--bg-elev-2: #f0f3f7;--bg-input: #ffffff;--border: #d8dee4;--border-soft: #e6ebf1;--text: #1f2328;--text-soft: #424a53;--muted: #656d76;--accent: #0969da;--accent-soft: rgba(9,105,218,.1);--ok: #1a7f37;--ok-soft: rgba(26,127,55,.12);--warn: #9a6700;--err: #cf222e;--err-soft: rgba(207,34,46,.1);--shadow: 0 1px 0 rgba(31,35,40,.04), 0 8px 24px rgba(31,35,40,.08);--chip-bg: #f0f3f7;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,system-ui,sans-serif;font-size:14px;line-height:1.45;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.mono,code{font-family:ui-monospace,SF Mono,Menlo,Consolas,Cascadia Mono,monospace;font-size:12.5px}.small{font-size:12px}.app{display:flex;min-height:100vh;min-height:100dvh}.sidebar{width:220px;flex-shrink:0;background:var(--bg-elev-1);border-right:1px solid var(--border);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;height:100dvh;z-index:30}.sidebar-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--border-soft);min-height:56px}.sidebar-close{display:none;background:transparent;border:none;color:var(--muted);font-size:22px;line-height:1;width:30px;height:30px;border-radius:6px;cursor:pointer}.sidebar-close:hover{background:var(--bg-elev-2);color:var(--text)}.sidebar-nav{display:flex;flex-direction:column;gap:2px;padding:12px 10px;overflow-y:auto;flex:1}.sidebar-item{display:flex;align-items:center;background:transparent;color:var(--text-soft);border:none;padding:9px 14px;border-radius:7px;cursor:pointer;font:inherit;font-size:13.5px;font-weight:500;text-align:left;white-space:nowrap;transition:background 80ms,color 80ms}.sidebar-item:hover{color:var(--text);background:var(--bg-elev-2)}.sidebar-item.active{color:var(--text);background:var(--accent-soft);box-shadow:inset 3px 0 0 var(--accent)}.sidebar-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:25;opacity:0;pointer-events:none;transition:opacity .16s}:root[data-theme=light] .sidebar-backdrop{background:#1f232873}.main-area{flex:1;min-width:0;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:8px;flex-shrink:0}.logo-dot{width:8px;height:8px;border-radius:50%;background:var(--accent)}.brand-text{font-weight:600;font-size:14px;letter-spacing:-.2px;text-transform:capitalize}.topbar{display:flex;align-items:center;gap:14px;padding:10px 20px;border-bottom:1px solid var(--border);background:var(--bg-elev-1);position:sticky;top:0;z-index:10;min-height:56px}.topbar-brand{display:none;flex:1;min-width:0}.topbar-brand .brand-text{font-size:15px}.topbar-right{display:flex;align-items:center;gap:8px;flex-shrink:0;margin-left:auto}.nav-toggle{display:none;background:transparent;border:1px solid var(--border);width:36px;height:36px;border-radius:7px;cursor:pointer;padding:0;flex-direction:column;align-items:center;justify-content:center;gap:3px}.nav-toggle span{width:16px;height:1.5px;background:var(--text);border-radius:1px}.theme-toggle{background:var(--bg-elev-2);border:1px solid var(--border);color:var(--text-soft);padding:5px 11px;height:30px;border-radius:7px;cursor:pointer;font:inherit;font-size:12px;font-weight:500}.theme-toggle:hover{color:var(--text);border-color:var(--text-soft)}main{padding:20px;max-width:1600px;width:100%;margin:0 auto;flex:1}.grid{display:grid;gap:16px;align-items:start}.grid.two-col{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.card{background:var(--bg-elev-1);border:1px solid var(--border);border-radius:10px;padding:16px 18px 18px;box-shadow:var(--shadow);min-width:0}.card.wide{grid-column:1 / -1}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;flex-wrap:wrap}.card-head h2{margin:0;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:var(--muted)}.card-sub{color:var(--muted);margin:-4px 0 12px;font-size:12.5px;line-height:1.5}.form{display:flex;flex-direction:column;gap:10px}.field{display:flex;flex-direction:column;gap:5px;flex:1;min-width:0}.field label{font-size:11.5px;color:var(--muted);font-weight:500;text-transform:uppercase;letter-spacing:.4px}.field label .hint{color:var(--muted);opacity:.7;font-weight:400;text-transform:none;letter-spacing:0}.form-row{display:flex;gap:10px;align-items:flex-end}input,select,textarea{background:var(--bg-input);border:1px solid var(--border);color:var(--text);padding:8px 11px;border-radius:6px;font-size:13.5px;font-family:inherit;width:100%;min-width:0}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}input[type=file]{padding:6px 8px}input[type=datetime-local]{color-scheme:light dark}textarea{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;resize:vertical;min-height:80px}.check{display:inline-flex;align-items:center;gap:8px;padding:6px 0;color:var(--text-soft);cursor:pointer;-webkit-user-select:none;user-select:none;font-size:13px}.check input{width:16px;height:16px;accent-color:var(--accent);margin:0}.seg{display:flex;background:var(--bg-elev-2);border:1px solid var(--border);border-radius:7px;padding:3px;gap:3px}.seg button{flex:1;background:transparent;border:none;color:var(--text-soft);padding:6px 10px;border-radius:5px;cursor:pointer;font:inherit;font-size:12.5px;text-transform:capitalize;transition:background 80ms;white-space:nowrap}.seg button:hover{color:var(--text)}.seg button.active{background:var(--bg-elev-1);color:var(--text);box-shadow:var(--shadow)}.btn-primary{background:var(--accent);color:#fff;border:1px solid var(--accent);padding:9px 16px;border-radius:7px;font:inherit;font-weight:500;cursor:pointer;align-self:flex-start;font-size:13.5px}.btn-primary:hover{filter:brightness(1.08)}.btn-primary:disabled{opacity:.55;cursor:not-allowed;filter:none}.btn-ghost{background:transparent;color:var(--text-soft);border:1px solid var(--border);padding:5px 11px;border-radius:6px;cursor:pointer;font:inherit;font-size:12.5px;white-space:nowrap}.btn-ghost:hover{color:var(--text);border-color:var(--text-soft)}.btn-danger{background:transparent;color:var(--muted);border:1px solid var(--border);padding:5px 11px;border-radius:6px;cursor:pointer;font:inherit;font-size:12.5px;white-space:nowrap}.btn-danger:hover{color:var(--err);border-color:var(--err);background:var(--err-soft)}.badge{display:inline-flex;align-items:center;gap:5px;background:var(--bg-elev-2);color:var(--muted);padding:2px 9px;border-radius:999px;font-size:11px;border:1px solid var(--border);font-weight:500;white-space:nowrap}.badge .status-dot{width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.7}.badge.ok{color:var(--ok);border-color:#3fb95059;background:var(--ok-soft)}.badge.ok .status-dot{background:var(--ok);opacity:1;box-shadow:0 0 0 3px #3fb95026}.badge.err{color:var(--err);border-color:#f8514959;background:var(--err-soft)}.badge.err .status-dot{background:var(--err);opacity:1}.chip{display:inline-block;background:var(--chip-bg);color:var(--text-soft);padding:1px 8px;border-radius:4px;font-size:11.5px;border:1px solid var(--border-soft);text-transform:capitalize}.muted{color:var(--muted)}.err{background:var(--err-soft);color:var(--err);padding:9px 12px;border-radius:7px;font-size:12.5px;margin-top:10px;border:1px solid rgba(248,81,73,.25);word-break:break-word}.row-list{display:flex;flex-direction:column;gap:8px}.row-item{display:flex;gap:12px;align-items:center;padding:10px 12px;background:var(--bg-elev-2);border:1px solid var(--border-soft);border-radius:8px}.row-item-main{flex:1;min-width:0}.row-item-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:4px}.row-item-meta{display:flex;gap:12px;flex-wrap:wrap;font-size:12px;color:var(--text-soft)}.device-list{display:flex;flex-direction:column;gap:10px}.device-row{display:flex;gap:14px;padding:12px;border:1px solid var(--border-soft);border-radius:10px;background:var(--bg-elev-2)}.device-snap{width:130px;height:100px;flex-shrink:0;border-radius:8px;overflow:hidden;background:var(--bg);display:flex;align-items:center;justify-content:center;border:1px solid var(--border-soft)}.snap-img{width:100%;height:100%;object-fit:cover;display:block}.snap-placeholder{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.5px}.device-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.device-title{display:flex;align-items:center;gap:10px;font-size:14px;flex-wrap:wrap}.device-meta{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:11.5px;color:var(--text-soft)}.device-meta .mono{color:var(--text-soft);word-break:break-all}.device-actions{display:flex;gap:6px;margin-top:4px;flex-wrap:wrap}.live-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.live-tile{background:var(--bg-elev-2);border:1px solid var(--border-soft);border-radius:10px;overflow:hidden}.live-frame{aspect-ratio:4 / 3;background:var(--bg);overflow:hidden}.live-frame .snap-img{width:100%;height:100%;object-fit:cover}.live-meta{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;gap:10px;font-size:13px;border-top:1px solid var(--border-soft)}.event-list{display:flex;flex-direction:column;gap:10px}.event{display:flex;gap:14px;padding:12px;background:var(--bg-elev-2);border:1px solid var(--border-soft);border-radius:10px}.event img{width:100px;height:100px;object-fit:cover;border-radius:6px;background:var(--bg);flex-shrink:0}.event-body{flex:1;min-width:0}.event-head{display:flex;gap:10px;align-items:center;margin-bottom:6px;flex-wrap:wrap}.event-body pre{margin:0;background:var(--bg);padding:8px;border-radius:6px;font-size:11.5px;max-height:180px;overflow:auto;color:var(--text-soft)}.filter{width:220px;max-width:100%;font-size:13px}.preview-img{width:100%;max-width:380px;border-radius:10px;border:1px solid var(--border);display:block}.result{background:var(--bg);border:1px solid var(--border);padding:10px;border-radius:7px;max-height:320px;overflow:auto;font-size:11.5px;margin-top:12px;color:var(--text-soft);word-break:break-word}.result.tall{max-height:600px}.empty{padding:24px 12px;text-align:center;color:var(--muted);font-size:13px;background:var(--bg-elev-2);border-radius:8px;border:1px dashed var(--border-soft)}.page-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px;flex-wrap:wrap}.toolbar-left,.toolbar-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-width:0}.toolbar-left{flex:1;min-width:0}.page-title{margin:0;font-size:20px;font-weight:600;letter-spacing:-.3px;white-space:nowrap}.page-title .muted{font-weight:400;font-size:14px}.search{width:260px;max-width:100%;font-size:13.5px}.info{background:var(--accent-soft);color:var(--accent);padding:9px 13px;border-radius:8px;font-size:12.5px;margin-bottom:14px;border:1px solid rgba(79,140,255,.25)}.table-wrap{overflow-x:auto;margin:-4px;padding:4px}.data-table{width:100%;border-collapse:collapse;font-size:13.5px;min-width:100%}.data-table th,.data-table td{padding:11px 12px;text-align:left;border-bottom:1px solid var(--border-soft);vertical-align:middle}.data-table thead th{font-size:10.5px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.6px;background:var(--bg-elev-2);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:1}.data-table tbody tr:hover{background:var(--bg-elev-2)}.data-table tbody tr:last-child td{border-bottom:none}.cell-stack{display:flex;flex-direction:column;gap:2px;min-width:0}.cell-preview{width:110px}.cell-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.ta-right{text-align:right}.snap-box{background:var(--bg);border:1px solid var(--border-soft);border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center}.snap-box.small{width:96px;height:64px}.snap-box.big{width:100%;aspect-ratio:1;max-width:280px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;padding:16px;z-index:100;animation:fadein .12s ease-out}:root[data-theme=light] .modal-backdrop{background:#1f232866}@keyframes fadein{0%{opacity:0}to{opacity:1}}.modal{background:var(--bg-elev-1);border:1px solid var(--border);border-radius:12px;box-shadow:0 20px 60px #00000080;width:100%;max-width:580px;max-height:92vh;display:flex;flex-direction:column;animation:slideup .16s ease-out}@keyframes slideup{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--border)}.modal-head h3{margin:0;font-size:14px;font-weight:600}.modal-close{background:transparent;border:none;color:var(--muted);font-size:24px;line-height:1;cursor:pointer;width:30px;height:30px;border-radius:6px}.modal-close:hover{background:var(--bg-elev-2);color:var(--text)}.modal-body{padding:18px;overflow-y:auto}.form-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:8px}.form-actions .btn-primary{align-self:auto}.image-source{display:grid;gap:10px;grid-template-columns:1fr 1fr}.upload-tile{display:flex;flex-direction:column;align-items:flex-start;gap:4px;background:var(--bg-elev-2);border:1px dashed var(--border);border-radius:9px;padding:14px;cursor:pointer;text-align:left;color:var(--text);font:inherit;width:100%;transition:border-color .1s,background .1s}.upload-tile:hover{border-color:var(--accent);background:var(--accent-soft)}.upload-tile input[type=file]{display:none}.upload-tile-title{font-size:13.5px;font-weight:600}.upload-tile-sub{font-size:11.5px;color:var(--muted)}.file-info{margin-top:6px}.bridge-rows{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.bridge-row{display:flex;align-items:center;gap:10px;padding:9px 12px;background:var(--bg-elev-2);border:1px solid var(--border-soft);border-radius:7px;font-size:13px}.bridge-label{color:var(--muted);width:130px;flex-shrink:0;font-size:11.5px;text-transform:uppercase;letter-spacing:.4px}.bridge-value{flex:1;word-break:break-all}.btn-tiny{padding:3px 8px!important;font-size:11px!important}.bridge-steps{margin-top:8px;background:var(--bg-elev-2);border:1px solid var(--border-soft);border-radius:8px;padding:10px 14px}.bridge-steps summary{cursor:pointer;font-size:12px;font-weight:500;color:var(--text-soft);-webkit-user-select:none;user-select:none;list-style:none}.bridge-steps summary:before{content:"▸ ";display:inline-block;transition:transform .12s}.bridge-steps[open] summary:before{transform:rotate(90deg)}.bridge-steps ol{padding-left:20px;margin:10px 0}.bridge-steps li{margin-bottom:5px;font-size:12.5px;line-height:1.5}.bridge-steps p{font-size:12.5px;line-height:1.5;margin:8px 0}.bridge-steps code{background:var(--bg);padding:1px 6px;border-radius:4px;border:1px solid var(--border-soft)}.chip.ok{color:var(--ok);background:var(--ok-soft);border-color:#3fb9504d}.chip.warn{color:var(--warn);background:#d299221f;border-color:#d299224d}@media (max-width: 700px){.bridge-label{width:90px;font-size:10.5px}.bridge-row{font-size:12px}}.arch-diagram{display:flex;flex-direction:column;align-items:center;gap:10px;padding:8px 0}.arch-node{display:flex;flex-direction:column;gap:4px;padding:12px 18px;border:1px solid var(--border);border-radius:9px;background:var(--bg-elev-2);width:100%;max-width:460px;text-align:center}.arch-node.cloud{border-color:#4f8cff66;background:var(--accent-soft)}.arch-node.lan{border-color:#3fb95066;background:var(--ok-soft)}.arch-node.device{border-color:#d2992266;background:#d2992214}.arch-arrow{text-align:center;font-size:12.5px;color:var(--text-soft);line-height:1.5}.section-title{font-size:12px;text-transform:uppercase;letter-spacing:.6px;color:var(--muted);margin:18px 0 8px;font-weight:600}.install-tabs{display:flex;flex-direction:column;gap:8px}.download-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.download-tile{display:flex;flex-direction:column;gap:3px;padding:12px 14px;background:var(--bg-elev-2);border:1px solid var(--border-soft);border-radius:9px;text-decoration:none;color:var(--text);transition:border-color .1s,background .1s}.download-tile:hover{border-color:var(--accent);background:var(--accent-soft)}.download-tile strong{font-size:13.5px}@media (max-width: 700px){.arch-node{padding:10px 14px}}.camera-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;display:flex;align-items:center;justify-content:center;padding:16px;z-index:200;animation:fadein .12s ease-out}.camera-app{background:#000;border-radius:14px;width:100%;max-width:720px;height:100%;max-height:92vh;display:flex;flex-direction:column;overflow:hidden;color:#fff;box-shadow:0 30px 80px #0009}.camera-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#0009;flex-shrink:0}.camera-title{font-size:13px;font-weight:600;letter-spacing:.3px}.camera-icon-btn{background:transparent;color:#fff;border:none;width:36px;height:36px;border-radius:50%;font-size:22px;line-height:1;cursor:pointer}.camera-icon-btn:hover{background:#ffffff1a}.camera-stage{flex:1;position:relative;background:#000;overflow:hidden;display:flex;align-items:center;justify-content:center}.camera-stage-media{width:100%;height:100%;object-fit:cover;display:block}.camera-stage-media.mirror{transform:scaleX(-1)}.camera-status{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#ffffffb3;font-size:13px;background:#0006;text-align:center;padding:20px}.camera-error{color:#ffb4ad}.camera-controls{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:16px 28px 24px;gap:12px;background:linear-gradient(to top,rgba(0,0,0,.7),transparent)}.camera-btn{background:#ffffff1f;color:#fff;border:1px solid rgba(255,255,255,.18);padding:9px 14px;border-radius:22px;font:inherit;font-size:12.5px;font-weight:500;cursor:pointer;min-width:78px;text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.camera-btn:hover:not(:disabled){background:#fff3}.camera-btn:disabled{opacity:.4;cursor:not-allowed}.camera-shutter{width:68px;height:68px;border-radius:50%;background:#fff;border:4px solid rgba(255,255,255,.35);cursor:pointer;flex-shrink:0;box-shadow:0 0 0 3px #0000004d;transition:transform 60ms,background .1s}.camera-shutter:hover:not(:disabled){background:#f0f0f0}.camera-shutter:active:not(:disabled){transform:scale(.94)}.camera-shutter:disabled{background:#fff6;cursor:not-allowed}.camera-commit{min-width:160px}@media (max-width: 700px){.camera-overlay{padding:0}.camera-app{max-width:100%;max-height:100%;height:100dvh;border-radius:0}.camera-controls{padding:14px 18px 22px}.camera-btn{min-width:64px;padding:8px 10px;font-size:12px}.camera-shutter{width:62px;height:62px}.image-source{grid-template-columns:1fr}}.qr-block{margin-top:20px;padding-top:14px;border-top:1px solid var(--border-soft)}.qr-row{display:flex;gap:16px;align-items:flex-start;flex-wrap:wrap}.qr-img{width:200px;height:200px;background:#fff;padding:8px;border-radius:8px;border:1px solid var(--border);flex-shrink:0}.qr-meta{flex:1;min-width:220px;display:flex;flex-direction:column;gap:8px}.person-detail{display:flex;gap:18px}.detail-faces{display:flex;flex-direction:column;gap:10px;flex-shrink:0;width:200px}.detail-rows{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.detail-row{display:flex;gap:12px;align-items:center;padding:7px 0;border-bottom:1px solid var(--border-soft);font-size:13px}.detail-row:last-child{border-bottom:none}.detail-label{color:var(--muted);width:130px;flex-shrink:0;font-size:12px;text-transform:uppercase;letter-spacing:.4px}.detail-value{flex:1;min-width:0;word-break:break-word}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--muted)}@media (max-width: 1024px){.grid.two-col{grid-template-columns:1fr}}@media (max-width: 820px){.data-table thead{display:none}.data-table,.data-table tbody,.data-table tr,.data-table td{display:block;width:100%}.data-table tr{background:var(--bg-elev-2);border:1px solid var(--border-soft);border-radius:9px;margin-bottom:10px;padding:6px 10px}.data-table tr:hover{background:var(--bg-elev-2)}.data-table td{border-bottom:1px solid var(--border-soft);padding:9px 0;display:flex;align-items:center;justify-content:space-between;gap:12px}.data-table td:last-child{border-bottom:none}.data-table td:before{content:attr(data-label);font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.data-table td .cell-stack,.data-table td .mono,.data-table td .chip,.data-table td .badge,.data-table td .cell-actions{text-align:right;align-items:flex-end;justify-content:flex-end}.ta-right{text-align:left}.cell-preview{width:100%}.snap-box.small{width:120px;height:80px}.person-detail{flex-direction:column}.detail-faces{flex-direction:row;flex-wrap:wrap;width:100%}.snap-box.big{max-width:180px}}@media (max-width: 1100px){.sidebar{width:200px}}@media (max-width: 820px){.sidebar{position:fixed;top:0;left:0;height:100vh;height:100dvh;width:260px;max-width:82vw;transform:translate(-100%);transition:transform .2s ease-out;box-shadow:0 0 #0000}.sidebar.open{transform:translate(0);box-shadow:0 20px 60px #0006}.sidebar-close{display:flex;align-items:center;justify-content:center}.sidebar-backdrop.visible{display:block;opacity:1;pointer-events:auto}.nav-toggle,.topbar-brand{display:flex}.topbar{padding:10px 14px}.main-area{width:100%}}@media (max-width: 700px){main{padding:14px}.form-row{flex-direction:column;gap:8px;align-items:stretch}.form-row .field{width:100%}.card{padding:14px;border-radius:9px}.card-head{gap:8px}.device-row{flex-direction:column;gap:10px}.device-snap{width:100%;height:180px}.event{flex-direction:column;gap:8px}.event img{width:100%;height:200px}.row-item{flex-direction:column;align-items:stretch;gap:8px}.row-item .btn-danger{align-self:flex-start}.filter{width:100%}.live-grid{grid-template-columns:1fr}.btn-primary{width:100%;text-align:center}.page-toolbar{flex-direction:column;align-items:stretch;gap:10px}.toolbar-left,.toolbar-right{flex-direction:column;align-items:stretch}.search{width:100%}.toolbar-right .btn-primary,.toolbar-right .btn-ghost{width:100%;text-align:center}.modal{max-height:100vh;border-radius:0;max-width:100%}.modal-backdrop{padding:0;align-items:stretch}.detail-label{width:110px;font-size:11px}}@media (max-width: 380px){.topbar{padding:8px 10px}main{padding:10px}.card{padding:12px}.brand-text{font-size:13px}.sidebar{width:240px;max-width:88vw}}