:root{--bg:#0f1117;--surface:#1a1d27;--surface-hover:#22263a;--border:#2a2e3f;--text:#e1e4ed;--text-dim:#8b90a0;--accent:#4f8cff;--accent-hover:#6ea1ff;--danger:#f44;--success:#4caf50;--warning:#ffa726;--radius:8px;--font:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--mono:"JetBrains Mono", "SF Mono", "Fira Code", monospace}[data-theme=obsidian]{--bg:#0a0a0f;--surface:#131318;--surface-hover:#1c1c24;--border:#242430}[data-theme=graphite]{--bg:#111418;--surface:#1c2028;--surface-hover:#252b38;--border:#30374a}[data-theme=slate]{--bg:#141820;--surface:#1f2535;--surface-hover:#28324a;--border:#333f58}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font);background:var(--bg);color:var(--text);min-height:100vh;line-height:1.5}#root{min-height:100vh;display:flex}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}.nav-version a{color:var(--text-dim);opacity:.55}.nav-version a:hover{color:var(--accent);opacity:1}button{font-family:var(--font);cursor:pointer;border-radius:var(--radius);border:none;padding:8px 16px;font-size:14px;font-weight:500;transition:background .15s}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-primary:disabled{opacity:.5;cursor:default}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:#e03030}.btn-ghost{color:var(--text-dim);border:1px solid var(--border);background:0 0}.btn-ghost:hover{background:var(--surface-hover);color:var(--text)}input,select,textarea{font-family:var(--font);background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);outline:none;width:100%;padding:8px 12px;font-size:14px;transition:border-color .15s}input:focus,select:focus,textarea:focus{border-color:var(--accent)}input[type=checkbox],input[type=radio]{flex-shrink:0;width:auto;padding:0}label{color:var(--text-dim);margin-bottom:4px;font-size:13px;font-weight:500;display:block}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.badge{text-transform:uppercase;border-radius:4px;padding:2px 8px;font-size:12px;font-weight:600;display:inline-block}.badge-running{color:var(--success);background:#4caf5026}.badge-stopped{color:var(--text-dim);background:#8b90a026}.badge-error{color:var(--danger);background:#ff444426}.badge-connecting{color:var(--warning);background:#ffa72626}.badge-motion{color:var(--accent);background:#4f8cff26}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:.8s linear infinite spin;display:inline-block}nav.sidebar .nav-label,nav.sidebar .nav-logo-text,nav.sidebar .nav-footer-label{display:inline}@media (width<=768px){nav.sidebar{padding:8px 0;width:56px!important}nav.sidebar .nav-label,nav.sidebar .nav-logo-text,nav.sidebar .nav-footer-label,nav.sidebar .nav-version{display:none}nav.sidebar .nav-theme-chooser{display:none!important}nav.sidebar button{justify-content:center;padding:12px 0}nav.sidebar .nav-icon{width:auto;font-size:20px}nav.sidebar .logo-box{width:40px!important;height:40px!important;margin:0 auto 12px!important}nav.sidebar .nav-footer-link{justify-content:center}main.app-main{padding:12px!important}.event-detail{flex-direction:column!important}.event-detail>div{border-bottom:1px solid var(--border);border-right:none!important}.event-row{flex-wrap:wrap!important;gap:6px!important}.event-row .event-ts,.event-row .event-name{flex-shrink:1!important;width:auto!important}.cam-grid{grid-template-columns:1fr!important}.cam-modal{padding:12px!important}.cam-schedule-row{gap:8px;flex-wrap:wrap!important}.settings-tabs{flex-wrap:wrap!important}.settings-grid{grid-template-columns:1fr!important}.log-filter-select{width:100%!important;min-width:0!important}}