:root{color-scheme:dark;font-family:Inter,"Segoe UI",system-ui,sans-serif;--bg:#0a101a;--surface:#111b29;--surface-alt:#152233;--border:#26374b;--text:#e2ecf8;--muted:#9aacbf;--accent:#63d0ff;--green:#95e3b3;--red:#ff8a91;--yellow:#f4c878;color:var(--text);background:var(--bg);line-height:1.5}*{box-sizing:border-box}body{margin:0;display:grid;grid-template-columns:230px minmax(0,1fr);min-height:100vh}button,input,select{font:inherit}button,a,input,select,summary{touch-action:manipulation}button{cursor:pointer;border:1px solid var(--border);border-radius:7px;background:var(--surface-alt);color:var(--text);padding:10px 15px;font-weight:600;font-size:13px;transition:background .15s,border-color .15s}button:hover{background:#203147;border-color:#46718d}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:4px}a{color:var(--accent)}.sidebar{padding:30px 20px;background:#0c1421;border-right:1px solid var(--border);display:flex;flex-direction:column;min-width:0}.brand{display:flex;gap:12px;align-items:center;color:var(--text);text-decoration:none;font-size:22px;font-weight:750;letter-spacing:1.5px}.brand-mark{display:grid;place-items:center;width:40px;height:43px;border:1px solid #376177;color:var(--accent);font-family:monospace;background:#102638;clip-path:polygon(0 0,82% 0,100% 20%,100% 100%,0 100%)}.brand small{display:block;color:var(--muted);font-size:9px;letter-spacing:2px;margin-top:2px}.nav-label{margin:45px 10px 13px;font-size:9px;letter-spacing:1.5px;color:var(--muted)}nav{display:grid;gap:6px}nav button{display:flex;align-items:center;gap:15px;text-align:left;background:transparent;color:#aabbce;border-color:transparent;padding:12px 13px;border-radius:6px;font-size:14px;font-weight:500}nav button:hover{background:#152333}.nav-number{font:11px ui-monospace,Consolas,monospace;color:#8198af}.active{background:#123047;color:#ddf5ff;border-color:#284b64}.active .nav-number{color:var(--accent)}.sidebar-note{margin-top:auto;padding:52px 10px 0;font-size:11px;color:var(--muted)}.sidebar-note p{line-height:1.8;margin:14px 0 22px}.scope-label,.version-label{font:9px ui-monospace,Consolas,monospace;letter-spacing:.7px}.scope-label{color:var(--green)}.version-label{display:inline-block;border-top:1px solid var(--border);padding-top:16px;width:100%}main{min-width:0;padding:0 clamp(22px,4vw,64px) 28px;max-width:1600px;width:100%}.topbar{min-height:77px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;gap:18px;align-items:center}.breadcrumb{font-size:12px;color:var(--muted)}.breadcrumb>span{padding:0 12px;color:#526b82}.topbar-actions{display:flex;align-items:center;gap:10px}.quiet{background:transparent;font-size:12px;padding:8px 12px}.transport{display:inline-flex;align-items:center;gap:7px;font:10px ui-monospace,Consolas,monospace;letter-spacing:.5px;border:1px solid #38604d;border-radius:4px;padding:6px 9px;color:var(--green);white-space:nowrap}.transport::before{content:"";width:5px;height:5px;background:currentColor;border-radius:50%}.transport.http{color:var(--yellow);border-color:#675538}.page-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-top:34px}.eyebrow{font-size:10px;letter-spacing:1.7px;color:var(--accent);font-weight:650;margin:0 0 8px}h1{font-size:clamp(28px,3vw,36px);letter-spacing:-1.1px;line-height:1.2;margin:0 0 10px;font-weight:650}.subtitle{color:var(--muted);font-size:13px;margin:0}.format-label{font:12px ui-monospace,Consolas,monospace;display:flex;gap:12px;border:1px solid var(--border);border-radius:5px;padding:9px 12px;white-space:nowrap}.format-label span{color:var(--muted)}.status-line{font:11px ui-monospace,Consolas,monospace;color:var(--muted);min-height:18px;margin:23px 0 22px}.status-line.error{color:var(--red)}.summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:28px}.summary-tile{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:18px 20px}.summary-label{display:block;color:var(--muted);font-size:11px}.summary-value{font:600 clamp(23px,2.4vw,31px) ui-monospace,Consolas,monospace;display:block;margin:9px 0 4px;letter-spacing:-1px}.summary-note{font-size:10px;color:var(--muted)}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 15px}.section-heading h2{font-size:15px;font-weight:600;margin:0}.section-heading>span{font:10px ui-monospace,Consolas,monospace;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.card,.panel,.login-panel{background:var(--surface);border:1px solid var(--border);border-radius:9px;padding:23px;min-width:0}.card-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:19px}.device-name{display:flex;align-items:center;gap:11px;min-width:0}.device-symbol{display:grid;place-items:center;width:32px;height:32px;border:1px solid #36506b;border-radius:6px;font:14px ui-monospace,Consolas,monospace;color:var(--accent);background:#13283a}.card h2{font-size:16px;margin:0;font-weight:600;overflow-wrap:anywhere}.badge{display:inline-flex;align-items:center;gap:6px;font:10px ui-monospace,Consolas,monospace;border-radius:4px;padding:5px 8px;background:#1c2937;color:#b4c3d3;border:1px solid #344659;white-space:nowrap}.badge::before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.badge.online{background:#122c23;border-color:#2b5944;color:var(--green)}.badge.recording{background:#351c26;border-color:#6f3744;color:var(--red)}.record-state{font-size:12px;color:var(--muted);margin:0 0 13px}.record-state.recording{color:var(--red)}.row{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:9px 0;font-size:12px;border-bottom:1px solid #213043}.row>span:first-child{color:var(--muted)}.row strong{font-weight:500;text-align:right;overflow-wrap:anywhere;min-width:0}.storage-section{margin-top:15px}.storage-caption{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:10px;margin-bottom:7px}.storage-meter{width:100%;height:5px;display:block;border:none;border-radius:4px;background:#26374a;accent-color:var(--accent)}.storage-meter::-webkit-progress-bar{background:#26374a;border-radius:4px}.storage-meter::-webkit-progress-value{background:var(--accent);border-radius:4px}.storage-meter::-moz-progress-bar{background:var(--accent);border-radius:4px}.card-footer{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:20px}.archive-count{font-size:11px;color:var(--muted)}.device-archive{font-size:11px;padding:7px 10px}.primary{background:#55c6f2;border-color:#55c6f2;color:#07131d}.primary:hover{background:#8fdfff;border-color:#8fdfff}.muted,small{color:var(--muted)}.login-panel{max-width:500px;margin:38px auto 60px;padding:32px}.login-symbol{width:46px;height:46px;border:1px solid #355a73;border-radius:8px;display:grid;place-items:center;color:var(--accent);font-size:31px;margin-bottom:24px}.login-panel h2{font-size:23px;line-height:1.3;letter-spacing:-.4px;margin:0 0 12px}.login-panel p{font-size:13px}.login-panel label{margin-top:25px}.login-panel button{width:100%;display:flex;justify-content:space-between;align-items:center;margin:17px 0 20px;padding:12px 15px}.login-panel small{font-size:11px;line-height:1.7;display:block}label{display:block;font-size:11px;color:#b4c5d9;margin-bottom:8px}input,select{width:100%;background:#0c1522;color:var(--text);border:1px solid #354961;border-radius:6px;padding:10px 12px;min-height:42px;min-width:0;font-size:13px}input::placeholder{color:#8397ae}.filters{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;margin-bottom:21px;padding:18px;background:var(--surface);border:1px solid var(--border);border-radius:8px}.filter-field{flex:1;min-width:170px;max-width:300px}.filters>button{min-height:42px}.filter-reset{color:var(--muted)}.record-list{display:grid;gap:16px}.record-card{padding:22px}.record-top{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:12px}.record-id{font:12px ui-monospace,Consolas,monospace;color:var(--muted);overflow-wrap:anywhere}.record-title{display:flex;gap:12px;align-items:center;min-width:0}.device-tag{font:11px ui-monospace,Consolas,monospace;color:var(--accent);background:#122d42;border:1px solid #2a4d67;border-radius:4px;padding:4px 8px;white-space:nowrap}.record-date{font-size:11px;color:var(--muted);white-space:nowrap}.record-facts{display:flex;align-items:center;gap:18px;color:#bbcee2;font:12px ui-monospace,Consolas,monospace;margin:12px 0}.record-facts .duration{color:var(--text);font-size:20px;letter-spacing:-.5px}audio{width:100%;display:block;height:42px;margin:16px 0;color-scheme:dark}.record-bottom{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.download{display:inline-block;text-decoration:none;border:1px solid #355269;border-radius:6px;padding:8px 13px;font-size:11px;white-space:nowrap}.download:hover{background:#173149}.integrity{font-size:11px;color:var(--green);max-width:65%;min-width:0}.integrity summary{cursor:pointer;padding:8px 0}.hash{font:10px ui-monospace,Consolas,monospace;color:#adbed2;display:block;overflow-wrap:anywhere;padding:12px;background:#0b1420;border:1px solid var(--border);border-radius:5px;margin-top:6px}.pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:22px}.pagination span{font-size:11px;color:var(--muted)}.panel{margin-bottom:18px}.panel h2{font-size:17px;margin:0 0 16px}.panel p{font-size:13px}.panel .primary{margin-top:20px}.backup-list{font:11px ui-monospace,Consolas,monospace;overflow-wrap:anywhere;line-height:1.8}.system-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.mono{font-family:ui-monospace,Consolas,monospace}.command{white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px;color:var(--accent);padding:15px;background:#0a1420;border:1px solid var(--border);border-radius:5px}.audit-table{width:100%;border-collapse:collapse;font-size:11px}.audit-table th{text-align:left;color:var(--muted);font-weight:500;padding:10px 10px 10px 0;border-bottom:1px solid var(--border)}.audit-table td{padding:11px 10px 11px 0;vertical-align:top;border-bottom:1px solid #213043;overflow-wrap:anywhere}.audit-table td:first-child{white-space:nowrap;color:var(--muted)}.table-scroll{overflow:auto}.empty{padding:45px 20px;text-align:center;color:var(--muted);background:var(--surface);border:1px dashed #354b61;border-radius:8px}.empty h2{font-size:17px;color:var(--text);margin-top:0}.empty p{font-size:12px}footer{display:flex;justify-content:space-between;gap:15px;margin-top:38px;padding-top:19px;border-top:1px solid var(--border);color:var(--muted);font-size:10px}[hidden]{display:none!important}@media(min-width:1500px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:1050px){body{grid-template-columns:200px minmax(0,1fr)}.sidebar{padding:26px 13px}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.grid,.system-grid{grid-template-columns:1fr}.format-label{display:none}.breadcrumb{font-size:10px}.topbar-actions{gap:6px}}@media(max-width:700px){body{display:block}.sidebar{padding:18px 16px;border-right:0;border-bottom:1px solid var(--border)}.brand{font-size:18px}.brand-mark{width:32px;height:34px}.brand small{font-size:8px}.nav-label,.sidebar-note{display:none}nav{display:flex;gap:3px;overflow-x:auto;margin-top:18px;padding-bottom:2px}nav button{white-space:nowrap;padding:9px 11px;font-size:12px;gap:7px}.nav-number{font-size:9px}main{padding:0 16px 22px}.topbar{min-height:64px;gap:8px}.breadcrumb{display:none}.topbar-actions{width:100%;justify-content:flex-end;gap:7px}.transport{margin-right:auto}.page-head{padding-top:24px}.eyebrow{font-size:9px}.subtitle{font-size:12px}.status-line{margin:17px 0}.summary-grid{gap:9px;margin-bottom:23px}.summary-tile{padding:14px}.summary-value{font-size:25px}.card,.panel{padding:18px}.record-top,.record-title{align-items:flex-start;flex-direction:column;gap:7px}.record-date{white-space:normal}.record-bottom{flex-direction:column;gap:7px}.integrity{max-width:100%;width:100%}.login-panel{padding:25px;margin:20px auto 35px}.login-panel h2{font-size:21px}.filters{padding:14px;gap:12px}.filter-field{max-width:none;flex-basis:100%}.filters>button{flex:1}.audit-table td:first-child{white-space:normal;min-width:100px}footer{flex-direction:column;gap:5px}.pagination{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

@media(min-width:701px){.sidebar{position:sticky;top:0;height:100vh;align-self:start}}