:root{--bg: #0d1117;--bg-raised: #161b22;--bg-input: #0b0f14;--border: #2a313a;--border-strong: #3a434f;--text: #e6edf3;--text-dim: #8b949e;--accent: #2f81f7;--accent-dim: #1f6feb;--danger: #f85149;--ok: #3fb950;--warn: #d29922;--radius: 6px;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:14px/1.45 system-ui,Segoe UI,sans-serif;overflow:hidden}button,input,select{font:inherit;color:inherit}button{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);padding:6px 12px;cursor:pointer}button:hover:not(:disabled){border-color:var(--border-strong)}button:disabled{opacity:.5;cursor:default}button.primary{background:var(--accent-dim);border-color:var(--accent)}button.primary:hover:not(:disabled){background:var(--accent)}button.danger{color:var(--danger)}button.active{background:var(--accent-dim);border-color:var(--accent)}button.icon{padding:4px 8px}input,select{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);padding:6px 8px;width:100%}input:focus,select:focus,button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}label{display:block;font-size:12px;color:var(--text-dim);margin-bottom:4px}hr{border:none;border-top:1px solid var(--border);margin:12px 0}.app{display:flex;flex-direction:column;height:100%}.boot{display:grid;place-items:center;height:100%;color:var(--text-dim)}.login{display:grid;place-items:center;height:100%;padding:16px}.login form{background:var(--bg-raised);border:1px solid var(--border);border-radius:10px;padding:24px;width:min(360px,100%)}.login h1{font-size:18px;margin:0 0 4px}.login p{color:var(--text-dim);font-size:13px;margin:0 0 16px}.login .field{margin-bottom:12px}.toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 12px;background:var(--bg-raised);border-bottom:1px solid var(--border)}.toolbar .group{display:flex;align-items:center;gap:4px}.toolbar .spacer{flex:1}.toolbar .label{font-size:12px;color:var(--text-dim);margin-right:2px}.toolbar .version{margin-left:4px;font-variant-numeric:tabular-nums;cursor:help}.toolbar .version.warn{color:var(--warn)}.grid{flex:1;display:grid;gap:2px;padding:2px;background:#000;overflow:hidden}.tile{position:relative;background:#000;border:1px solid var(--border);border-radius:3px;overflow:hidden;min-height:0}.tile.empty{display:grid;place-items:center;color:var(--text-dim);cursor:pointer;border-style:dashed}.tile.empty:hover{border-color:var(--accent);color:var(--text)}.tile video{width:100%;height:100%;object-fit:contain;display:block;background:#000}.tile .caption{position:absolute;left:0;bottom:0;padding:2px 6px;font-size:11px;background:#0009;border-top-right-radius:4px;pointer-events:none;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tile .overlay{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:8px;font-size:12px;color:var(--text-dim);background:#00000073;pointer-events:none}.tile .overlay.error{color:var(--danger)}.tile .tile-actions{position:absolute;top:4px;right:4px;display:none;gap:4px}.tile:hover .tile-actions{display:flex}.tile-actions button{background:#000000a6;padding:2px 7px;font-size:12px}.modal-backdrop{position:fixed;inset:0;background:#0009;display:flex;justify-content:center;align-items:safe center;padding:16px;overflow:auto;z-index:10}.modal{background:var(--bg-raised);border:1px solid var(--border);border-radius:10px;width:min(720px,100%);max-height:min(88vh,100%);max-height:min(88dvh,100%);display:flex;flex-direction:column}.modal header,.modal footer{flex:none}.modal.wide{width:min(1000px,100%)}.modal.narrow{width:min(420px,100%)}.modal header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border)}.modal header h2{font-size:15px;margin:0}.modal .body{padding:16px;overflow:auto;flex:1 1 auto;min-height:0}.modal footer{display:flex;justify-content:flex-end;gap:8px;padding:12px 16px;border-top:1px solid var(--border)}.list-actions{display:flex;justify-content:flex-end;margin-bottom:12px}.nvr-list{display:flex;flex-direction:column;gap:8px}.nvr-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius)}.nvr-row .info{flex:1;min-width:0}.nvr-row .name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nvr-row .meta{font-size:12px;color:var(--text-dim)}.dot{width:8px;height:8px;border-radius:50%;background:var(--text-dim);flex:none}.dot.online{background:var(--ok)}.channel-toggle-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.channel-toggle-bulk{display:flex;gap:8px;flex:none}.channel-toggle-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:6px}.channel-toggle{display:flex;align-items:center;gap:8px;padding:6px 8px;border:1px solid var(--border);border-radius:var(--radius);font-size:13px;color:var(--text);margin-bottom:0;cursor:pointer;min-width:0}.channel-toggle input{width:auto;flex:none;margin:0}.channel-toggle .name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-toggle .no{flex:none;font-size:11px;color:var(--text-dim)}.channel-toggle.off{color:var(--text-dim);border-style:dashed}.channel-toggle.off .name{text-decoration:line-through}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.form-grid .full{grid-column:1 / -1}.checkbox{display:flex;align-items:flex-start;gap:8px}.checkbox input{width:auto;margin-top:3px}.checkbox span{font-size:13px}.hint{font-size:12px;color:var(--text-dim);margin-top:4px}.alert{border-radius:var(--radius);padding:8px 10px;font-size:13px;margin-bottom:12px;border:1px solid}.alert.error{color:var(--danger);border-color:var(--danger);background:#f8514914}.alert.ok{color:var(--ok);border-color:var(--ok);background:#3fb95014}.alert.warn{color:var(--warn);border-color:var(--warn);background:#d2992214}.picker-group{border:1px solid var(--border);border-radius:var(--radius);margin-bottom:8px;overflow:hidden}.picker-group>button{width:100%;text-align:left;border:none;border-radius:0;display:flex;align-items:center;gap:8px}.picker-channels{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:4px;padding:8px;border-top:1px solid var(--border)}.picker-channels button{text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.record-list{display:flex;flex-direction:column;gap:4px;max-height:260px;overflow:auto}.record-list button{display:flex;justify-content:space-between;gap:12px;text-align:left}.playback-layout{display:grid;grid-template-columns:320px 1fr;gap:16px}.playback-video{position:relative;background:#000;border:1px solid var(--border);border-radius:var(--radius);aspect-ratio:16 / 9;overflow:hidden}.playback-video video{width:100%;height:100%;object-fit:contain;display:block}.audit-filters{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px;margin-bottom:12px}.audit-filters label{margin-bottom:0}.audit-filters input,.audit-filters select{width:auto;min-width:150px;margin-top:4px}.audit-groups{display:flex;gap:6px}.audit-table-wrap{overflow:auto;max-height:55vh;border:1px solid var(--border);border-radius:var(--radius)}.audit-table{width:100%;border-collapse:collapse;font-size:13px}.audit-table th,.audit-table td{text-align:left;padding:6px 10px;border-bottom:1px solid var(--border);vertical-align:top}.audit-table thead th{position:sticky;top:0;background:var(--bg-raised);color:var(--text-dim);font-weight:600;white-space:nowrap;z-index:1}.audit-table tbody tr:hover{background:#ffffff08}.audit-table tr.fail td{color:var(--danger)}.audit-table .nowrap{white-space:nowrap}.button-link{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);padding:6px 12px;color:inherit;text-decoration:none;font-size:inherit}.button-link:hover{border-color:var(--border-strong)}@media(max-width:820px){.playback-layout,.form-grid{grid-template-columns:1fr}.audit-filters input,.audit-filters select{min-width:120px}}.tile .zoom-badge{position:absolute;top:6px;left:6px;padding:2px 6px;border-radius:3px;background:#0009;color:var(--text);font-size:12px;pointer-events:none}.table-wrap{overflow-x:auto}.fleet-table{width:100%;border-collapse:collapse;font-size:13px}.fleet-table th,.fleet-table td{text-align:left;vertical-align:top;padding:6px 8px;border-bottom:1px solid var(--border)}.fleet-table th{color:var(--text-dim);font-weight:500}.fleet-table .dim,.fleet-table td.dim{color:var(--text-dim);font-size:12px}.fleet-table td.warn{color:var(--warn)}.fleet-table td.bad{color:var(--danger);font-weight:600}.badge.warn{color:var(--warn);font-weight:600}.cam-off{color:var(--warn)}.strip{position:relative;width:140px;height:10px;border-radius:2px;background:var(--border);overflow:hidden}.strip span{position:absolute;top:0;bottom:0}.strip .on{background:var(--ok)}.strip .off{background:var(--danger)}.strip .unknown{background:transparent}.fleet-table .dim.bad{color:var(--danger)}.spark{display:block;color:var(--accent)}.picker-channels img.preview{display:block;width:160px;aspect-ratio:16 / 9;object-fit:cover;background:#000;margin-bottom:4px;border-radius:2px}.checkbox-row{display:flex;align-items:center;gap:6px}.checkbox-row input{width:auto}.timeline{position:relative;height:22px;margin-top:8px;background:var(--border);border-radius:3px;cursor:pointer;overflow:hidden}.timeline .seg{position:absolute;top:4px;bottom:4px;background:var(--accent);opacity:.7}.timeline .mark{position:absolute;top:0;bottom:0;width:3px;margin-left:-1px;background:var(--warn)}.timeline .cursor{position:absolute;top:0;bottom:0;width:2px;background:var(--text)}.playback-actions{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px}.playback-actions input{flex:1;min-width:160px}.playback-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px}.playback-video.small{position:relative}.playback-video.small .caption{position:absolute;left:6px;bottom:4px;font-size:12px;color:var(--text);text-shadow:0 0 3px #000}.bookmark-row{display:flex;gap:4px}.bookmark-row>button:first-child{flex:1;min-width:0}.bookmark-row .note{color:var(--text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app.popout{height:100vh;display:flex}.app.popout .tile{flex:1;border:none;border-radius:0}.label.version.clickable{cursor:pointer;text-decoration:underline dotted}.new-dot{display:inline-block;width:7px;height:7px;margin-left:4px;border-radius:50%;background:var(--accent);vertical-align:middle}.whats-new section{margin-bottom:12px}.whats-new h3{margin:0 0 4px;font-size:13px;color:var(--text-dim)}.whats-new ul{margin:0;padding-left:18px}.whats-new li{margin:3px 0}.badge.new{color:var(--accent);font-weight:600;font-size:11px;text-transform:uppercase}.finding-add{display:flex;gap:6px;margin-bottom:10px}.finding-add input{flex:1}.finding-section{font-size:13px;color:var(--text-dim);margin:12px 0 6px;cursor:default}details>summary.finding-section{cursor:pointer}.finding{border-left:3px solid var(--border);padding:6px 8px;margin-bottom:6px;background:#ffffff05}.finding.kritik{border-left-color:var(--danger)}.finding.uyari{border-left-color:var(--warn)}.finding.bilgi{border-left-color:var(--accent)}.finding.done{border-left-color:var(--ok);opacity:.75}.finding .dim{color:var(--text-dim);font-size:12px}.finding-head{display:flex;gap:8px;align-items:baseline}.sev{font-size:11px;font-weight:600;text-transform:uppercase}.sev.kritik{color:var(--danger)}.sev.uyari{color:var(--warn)}.sev.bilgi{color:var(--accent)}.finding-actions{display:flex;gap:6px;align-items:center;margin-top:4px}.finding-actions input{flex:1;font-size:12px}.finding .help{font-style:italic}.finding-history{margin:4px 0;padding-left:18px;font-size:12px;color:var(--text-dim)}button.link{background:none;border:none;padding:0 4px;color:var(--accent);cursor:pointer;text-decoration:underline;font-size:12px}.group-tag{display:inline-block;font-size:11px;padding:0 5px;margin-right:6px;border:1px solid var(--border);border-radius:3px;color:var(--text-dim)}.group-heading{font-size:12px;font-weight:600;color:var(--text-dim);margin:10px 0 4px;text-transform:uppercase}.server-panel{border:1px solid var(--border);border-radius:4px;padding:8px;margin-bottom:10px}.server-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:6px 12px;font-size:13px}.server-grid .dim{display:block;font-size:11px;color:var(--text-dim)}.server-grid .warn{color:var(--warn)}.server-grid .bad{color:var(--danger)}.server-actions,.backup-form{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;align-items:center}.backup-form input{width:200px}.usage-hours{display:flex;align-items:flex-end;gap:2px;height:60px;margin:10px 0;border-bottom:1px solid var(--border)}.usage-hours .bar{flex:1;background:var(--accent);min-height:1px}.usage-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.plan-bar,.plan-candidates{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-bottom:8px}.plan-candidates .placed{opacity:.6}.plan-canvas{position:relative;display:inline-block;max-width:100%}.plan-canvas.placing{cursor:crosshair}.plan-canvas img{display:block;max-width:100%;max-height:70vh;-webkit-user-select:none;user-select:none}.plan-marker{position:absolute;transform:translate(-50%,-50%);font-size:11px;padding:1px 5px;border-radius:10px;white-space:nowrap;background:var(--accent);color:#fff;border:1px solid rgba(0,0,0,.4)}.plan-marker.online{background:#2e8b57}.plan-marker.offline{background:var(--danger)}