:root,:root[data-theme=light]{--grad: radial-gradient(900px 520px at 6% -10%, rgba(255,228,138,.18), transparent 60%), radial-gradient(820px 520px at 100% 6%, rgba(184,198,255,.2), transparent 55%), radial-gradient(760px 620px at 65% 120%, rgba(255,209,232,.16), transparent 55%), linear-gradient(135deg, #f5f6f8, #eef0f3);--panel: rgba(255,255,255,.8);--panel-2: rgba(255,255,255,.62);--panel-border: rgba(255,255,255,.9);--blur: blur(20px);--text: #1f2230;--text-dim: #495060;--text-faint: #6a7080;--border: rgba(90,95,130,.16);--hover: rgba(120,130,180,.12);--accent: #FFCD11;--accent-deep: #e0a800;--on-accent: #2b2410;--input-bg: rgba(255,255,255,.95);--input-border: rgba(120,125,160,.3);--shadow: 0 10px 30px rgba(70,70,120,.14);--side-active-bg: linear-gradient(90deg, rgba(255,200,0,.4), rgba(255,200,0,.12));--side-active-text: #3a2f00;--ok: #16a34a;--warn: #d97706;--off: #94a3b8;--danger: #dc2626}:root[data-theme=dark]{--grad: radial-gradient(900px 500px at 8% -10%, rgba(123,92,255,.33), transparent 60%), radial-gradient(800px 500px at 100% 10%, rgba(0,212,255,.26), transparent 55%), radial-gradient(700px 600px at 60% 120%, rgba(255,92,168,.2), transparent 55%), linear-gradient(135deg, #11131c, #0b0d14);--panel: rgba(255,255,255,.07);--panel-2: rgba(255,255,255,.05);--panel-border: rgba(255,255,255,.14);--blur: blur(22px);--text: #eef0f6;--text-dim: #c2c7d2;--text-faint: #9aa0aa;--border: rgba(255,255,255,.1);--hover: rgba(255,255,255,.08);--accent: #FFCD11;--accent-deep: #FFCD11;--on-accent: #2b2410;--input-bg: rgba(255,255,255,.1);--input-border: rgba(255,255,255,.16);--shadow: 0 10px 30px rgba(0,0,0,.45);--side-active-bg: linear-gradient(90deg, rgba(255,205,17,.22), rgba(255,255,255,.1));--side-active-text: #fff;--ok: #34d399;--warn: #fbbf24;--off: #9aa0aa;--danger: #f87171}*{box-sizing:border-box}body,html,#root{margin:0;height:100%;font-family:-apple-system,Segoe UI,system-ui,Roboto,sans-serif;color:var(--text)}body{background:var(--grad) fixed}h2{margin:0}h3{margin:0 0 12px}.glass{background:var(--panel);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--panel-border);box-shadow:var(--shadow)}.shell{display:flex;min-height:100vh}.sidebar{width:224px;padding:18px 12px;display:flex;flex-direction:column;background:var(--panel);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border-right:1px solid var(--panel-border)}.brand{font-weight:800;font-size:18px;padding:6px 10px 18px;color:var(--text)}.brand.big{font-size:24px;text-align:center}.navitem{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;color:var(--text-dim);text-decoration:none;font-size:14px;margin-bottom:3px;transition:background .12s}.navitem .ic{width:18px;text-align:center}.navitem:hover{background:var(--hover);color:var(--text)}.navitem.active{background:var(--side-active-bg);color:var(--side-active-text);font-weight:600}.logout{margin-top:12px;background:transparent;border:1px solid var(--border);color:var(--text-dim);padding:9px;border-radius:10px;cursor:pointer}.logout:hover{background:var(--hover);color:var(--text)}.themebtn{margin-top:auto;background:transparent;border:1px solid var(--border);color:var(--text-dim);padding:8px;border-radius:10px;cursor:pointer;font-size:13px}.themebtn:hover{background:var(--hover)}.content{flex:1;padding:26px 32px;overflow:auto}.pagehead{display:flex;align-items:center;gap:14px;margin-bottom:18px}.live-pill{font-size:12px;padding:3px 10px;border-radius:12px;border:1px solid var(--border)}.live-pill.on{background:#16a34a29;color:var(--ok)}.live-pill.off{background:var(--hover);color:var(--text-faint)}.kpis,.totals{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px}.totals{grid-template-columns:repeat(2,220px)}.kpi{border-radius:14px;padding:16px 18px;background:var(--panel);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--panel-border);box-shadow:var(--shadow)}.kpi-n{font-size:28px;font-weight:700}.kpi-l{font-size:12px;color:var(--text-faint);margin-top:4px}.grid{width:100%;border-collapse:separate;border-spacing:0;border-radius:14px;overflow:hidden;background:var(--panel);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--panel-border);box-shadow:var(--shadow)}.grid th{text-align:left;font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--text-faint);padding:12px 14px;border-bottom:1px solid var(--border)}.grid td{padding:12px 14px;border-bottom:1px solid var(--border);font-size:14px}.grid tr:last-child td{border-bottom:0}.grid tbody tr:hover{background:var(--hover)}.empty{color:var(--text-faint);text-align:center;padding:24px}.st.running{color:var(--ok)}.st.idle{color:var(--warn)}.st.stopped{color:var(--off)}.dot{width:10px;height:10px;border-radius:50%;display:inline-block}.dot.running{background:var(--ok);box-shadow:0 0 0 3px #16a34a2e}.dot.idle{background:var(--warn)}.dot.stopped{background:var(--off)}input,select{padding:9px 11px;border:1px solid var(--input-border);border-radius:10px;font-size:14px;background:var(--input-bg);color:var(--text)}.addrow,.filters{display:flex;gap:10px;align-items:center;margin-bottom:16px;flex-wrap:wrap}.spacer{flex:1}button.primary{background:linear-gradient(180deg,var(--accent),var(--accent-deep));color:var(--on-accent);border:0;padding:9px 16px;border-radius:10px;cursor:pointer;font-size:14px;font-weight:600}button.primary:hover{filter:brightness(1.05)}button.link{background:transparent;border:1px solid var(--border);color:var(--text-dim);cursor:pointer;font-size:14px;padding:8px 12px;border-radius:10px}button.link:hover{background:var(--hover);color:var(--text)}.err{color:var(--danger);font-size:13px}.ok{color:var(--ok);font-size:13px}.loginWrap{display:flex;align-items:center;justify-content:center;min-height:100vh}.loginCard{border-radius:16px;padding:32px;width:330px;display:flex;flex-direction:column;gap:12px;background:var(--panel);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--panel-border);box-shadow:var(--shadow)}.shots{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.shot{border-radius:12px;overflow:hidden;text-decoration:none;color:inherit;background:var(--panel);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--panel-border);box-shadow:var(--shadow)}.shot img{width:100%;height:140px;object-fit:cover;display:block;background:var(--hover)}.shot-meta{display:flex;justify-content:space-between;padding:8px 10px;font-size:12px;color:var(--text-faint)}.shot-meta .act{color:var(--accent-deep);font-weight:600}.shot-skip{height:140px;display:flex;align-items:center;justify-content:center;padding:0 16px;text-align:center;font-size:13px;color:var(--text-faint);background:var(--hover)}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0c1473;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center}.modal{border-radius:16px;padding:24px;width:380px;display:flex;flex-direction:column;gap:8px;background:var(--panel);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--panel-border);box-shadow:var(--shadow);color:var(--text)}.modal label{font-size:12px;color:var(--text-faint);margin-top:6px}.checks{display:flex;flex-direction:column;gap:6px}.chk{font-size:14px;display:flex;gap:8px;align-items:center}.modal-actions{display:flex;gap:12px;align-items:center;margin-top:14px}.row-actions{display:flex;gap:14px;align-items:center;justify-content:flex-end;white-space:nowrap}.rowlink{color:var(--accent-deep);text-decoration:none;font-size:13px}.rowlink:hover{text-decoration:underline}.presets{display:flex;gap:8px;flex-wrap:wrap;margin:-6px 0 16px}