:root{--bg:#08080a;--panel:#14161b;--panel-2:#1b1e25;--text:#f2f3f5;--muted:#9aa3b2;--accent:#4f9cf9;--star:#ffce47;--danger:#ff6b6b;--border:#23262e;--glass:#ffffff0f;--glass-hover:#ffffff1f;--glass-border:#ffffff24;--glass-border-hover:#ffffff47;--pill:999px}*{box-sizing:border-box}#root{min-height:100dvh}body{background:radial-gradient(70% 45% at 50% -12%, #4f9cf91a, transparent 70%), var(--bg);color:var(--text);background-attachment:fixed;margin:0;font:15px/1.4 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.center{justify-content:center;align-items:center;padding:2rem;display:flex}.muted{color:var(--muted)}.error{color:var(--danger)}.error.banner{text-align:center;background:#ff6b6b1f;padding:.6rem 1rem}.login{justify-content:center;align-items:center;min-height:100dvh;padding:1rem;display:flex}.login-card{border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(20px);background:#ffffff0a;border-radius:18px;flex-direction:column;gap:.8rem;width:100%;max-width:340px;padding:1.8rem 1.6rem;display:flex;box-shadow:0 20px 60px #00000080}.login-card h1{margin:0;font-size:1.5rem}.login-card input{border:1px solid var(--glass-border);color:var(--text);background:#ffffff0a;border-radius:11px;padding:.65rem .75rem;font-size:1rem}button{cursor:pointer;font:inherit;color:var(--text);background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--pill);-webkit-backdrop-filter:blur(12px);padding:.5rem .9rem;transition:background .15s,border-color .15s,transform 60ms}button:hover:not(:disabled){background:var(--glass-hover);border-color:var(--glass-border-hover)}button:active:not(:disabled):not(.tile){transform:scale(.97)}button:disabled{opacity:.45;cursor:default}.login-card button[type=submit]{background:var(--accent);color:#06121f;border-color:#0000;font-weight:600}.login-card button[type=submit]:hover:not(:disabled){background:#6fb0ff;border-color:#0000}.bi{vertical-align:-.125em;fill:currentColor;flex:none}.iconbtn{background:var(--glass);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(12px);width:40px;height:40px;color:var(--text);border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:1.05rem;line-height:1;text-decoration:none;display:inline-flex}.iconbtn:hover{background:var(--glass-hover);border-color:var(--glass-border-hover)}.iconbtn.danger{color:var(--danger)}.iconbtn.star.on{color:var(--star);background:#ffce4724;border-color:#ffce4780}.app{min-height:100dvh}.controls{z-index:30;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.5rem;max-width:calc(100vw - 1.6rem);display:flex;position:fixed;top:.8rem;right:.8rem}.controls select{background:var(--glass);border:1px solid var(--glass-border);height:40px;color:var(--text);border-radius:var(--pill);-webkit-backdrop-filter:blur(12px);padding:0 .9rem;font-size:.95rem}.controls-count{border-radius:var(--pill);background:var(--glass);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(12px);justify-content:center;align-items:center;min-width:40px;height:40px;padding:0 .7rem;font-weight:600;display:inline-flex}.spacer{flex:1}.toggle.on{color:var(--star);background:#ffce4729;border-color:#ffce4773;font-weight:600}.toggle.on:hover:not(:disabled){background:#ffce473d;border-color:#ffce4799}.toggle.danger{color:#ff8a85;border-color:#ff6b6b80}.toggle:disabled{opacity:.4;cursor:default}.content{max-width:1400px;margin:0 auto;padding:.4rem 1rem 4rem}.date-header{z-index:10;letter-spacing:.5px;text-transform:uppercase;color:var(--muted);background:linear-gradient(var(--bg), var(--bg) 65%, transparent);margin:1.4rem 0 .7rem;padding:.4rem 0;font-size:.82rem;font-weight:600;position:sticky;top:0}.grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px;display:grid}.tile{aspect-ratio:4/3;background:var(--panel-2);-webkit-backdrop-filter:none;cursor:pointer;border:none;border-radius:12px;padding:0;position:relative;overflow:hidden}.tile:after{content:"";z-index:1;pointer-events:none;opacity:0;background:linear-gradient(#0000 62%,#0000008c);transition:opacity .2s;position:absolute;inset:0}.tile-img{object-fit:cover;width:100%;height:100%;transition:transform .3s;display:block}.tile-placeholder{opacity:.5;justify-content:center;align-items:center;width:100%;height:100%;font-size:2rem;display:flex}.tile-star,.tile-badge,.tile-time,.tile-check{z-index:2}.tile-star{color:var(--star);text-shadow:0 1px 3px #000c;position:absolute;top:6px;right:8px}.tile.selectable{cursor:pointer}.tile.selected{outline:3px solid var(--accent);outline-offset:-3px}.tile-check{color:#06121f;background:#00000073;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:.8rem;font-weight:700;display:flex;position:absolute;top:6px;left:7px}.tile.selected .tile-check{background:var(--accent);border-color:var(--accent)}.tile-badge{border-radius:var(--pill);background:#0000008c;padding:1px 6px;font-size:.72rem;position:absolute;bottom:6px;left:7px}.tile-time{color:#fff;text-shadow:0 1px 3px #000000e6;font-size:.72rem;position:absolute;bottom:6px;right:7px}@media (hover:hover){.tile-time,.tile-badge{opacity:0;transition:opacity .2s}.tile:hover .tile-img,.tile:focus-visible .tile-img{transform:scale(1.05)}.tile:hover:after,.tile:focus-visible:after,.tile:hover .tile-time,.tile:focus-visible .tile-time,.tile:hover .tile-badge,.tile:focus-visible .tile-badge{opacity:1}}@media (hover:none){.tile:after{opacity:1}}.sentinel{height:1px}.lightbox{z-index:100;-webkit-backdrop-filter:blur(8px);background:#000000eb;flex-direction:column;gap:.7rem;padding:.9rem;display:flex;position:fixed;inset:0}.lightbox-top{flex:none;align-items:center;gap:1rem;display:flex}.lightbox-caption{flex-direction:column;gap:2px;min-width:0;display:flex}.lightbox-caption strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.lightbox-actions{flex:none;gap:.5rem;margin-left:auto;display:flex}.lightbox-stage{flex:auto;justify-content:center;align-items:center;min-height:0;display:flex;position:relative}.lightbox-media{object-fit:contain;border-radius:10px;max-width:100%;max-height:100%}@keyframes lb-from-right{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:none}}@keyframes lb-from-left{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:none}}.lightbox-media.enter-next{animation:.22s lb-from-right}.lightbox-media.enter-prev{animation:.22s lb-from-left}@media (prefers-reduced-motion:reduce){.lightbox-media.enter-next,.lightbox-media.enter-prev{animation:none}}.nav{background:var(--glass);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(12px);border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.4rem;line-height:1;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.nav:hover:not(:disabled){background:var(--glass-hover);border-color:var(--glass-border-hover)}@media (hover:hover){.nav{opacity:0;pointer-events:none;transition:opacity .2s,background .15s,border-color .15s}.lightbox-stage:hover .nav{opacity:1;pointer-events:auto}}.nav-prev{left:10px}.nav-next{right:10px}.filmstrip{scrollbar-width:thin;flex:none;justify-content:safe center;gap:6px;padding:4px;scroll-padding:0 40px;display:flex;overflow-x:auto}.film{background:var(--panel-2);opacity:.5;-webkit-backdrop-filter:none;border:2px solid #0000;border-radius:0;flex:none;width:116px;height:84px;padding:0;transition:opacity .15s,border-color .15s;position:relative;overflow:hidden}.film:hover{opacity:.85}.film.active{opacity:1;border-color:#fff}.film img{object-fit:cover;width:100%;height:100%;display:block}.film-ph{opacity:.6;justify-content:center;align-items:center;width:100%;height:100%;font-size:1.2rem;display:flex}.film-vid{color:#fff;text-shadow:0 1px 2px #000000e6;font-size:.72rem;position:absolute;bottom:3px;right:4px}@media (width<=640px){.film{width:92px;height:68px}}.overlay{z-index:100;-webkit-backdrop-filter:blur(8px);background:#000000eb;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.panel{background:var(--panel);border:1px solid var(--border);border-radius:14px;width:100%;max-width:560px;max-height:86vh;margin:1rem;padding:1.2rem 1.3rem 1.4rem;overflow:auto}.panel-head{justify-content:space-between;align-items:center;margin-bottom:.8rem;display:flex}.panel-head h2{margin:0;font-size:1.2rem}.cam-list{flex-direction:column;gap:.7rem;display:flex}.cam-row{background:var(--panel-2);border:1px solid var(--border);border-radius:11px;flex-direction:column;gap:.5rem;padding:.7rem .8rem;display:flex}.cam-rename{gap:.5rem;display:flex}.cam-rename input{background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:9px;flex:1;padding:.5rem .6rem;font-size:.95rem}.cam-meta{flex-wrap:wrap;gap:.3rem 1rem;font-size:.82rem;display:flex}.cam-stats{flex-wrap:wrap;align-items:center;gap:.4rem 1rem;font-size:.85rem;display:flex}.cam-pull{flex-wrap:wrap;gap:.3rem 1rem;font-size:.82rem;display:flex}.cam-pull .warn{color:var(--danger)}.cam-health{flex-wrap:wrap;align-items:baseline;gap:.4rem .7rem;font-size:.85rem;display:flex}.health-pill{border-radius:var(--pill);letter-spacing:.4px;text-transform:uppercase;flex:none;padding:.12rem .55rem;font-size:.7rem;font-weight:700}.cam-health.ok .health-pill{color:#46d886;background:#46d88629}.cam-health.warn .health-pill{color:var(--star);background:#ffce472e}.cam-health.bad .health-pill{color:var(--danger);background:#ff6b6b2e}.health-issues{flex-direction:column;gap:.15rem;margin:0;padding:0;list-style:none;display:flex}.health-issues li.bad{color:var(--danger)}.health-issues li.warn{color:var(--star)}.stat{align-items:center;gap:.4rem;display:inline-flex}.stat.warn{color:var(--danger)}.bar{background:var(--border);border-radius:4px;width:60px;height:7px;display:inline-block;overflow:hidden}.bar-fill{background:var(--accent);height:100%;display:block}.stat.warn .bar-fill{background:var(--danger)}.cam-actions{align-items:center;gap:.5rem;display:flex}.cam-actions .spacer{flex:1}.cam-actions .toggle{padding:.35rem .6rem;font-size:.85rem}.settings-badge{border:1px solid var(--border);border-radius:999px;padding:1px 8px;font-size:.78rem;display:inline-block}.settings-badge.applied{color:#7ee0a1;background:#7ee0a11f;border-color:#7ee0a180}.settings-badge.applying{color:var(--star);background:#ffce471f;border-color:#ffce4780}.settings-badge.failed{color:var(--danger);background:#ff6b6b1f;border-color:#ff6b6b80}.settings-status{align-items:center;gap:.6rem;margin-bottom:.8rem;display:flex}.settings-list{flex-direction:column;gap:.6rem;display:flex}.settings-row{grid-template-columns:1fr auto;align-items:center;gap:.3rem .8rem;display:grid}.settings-label{font-size:.92rem}.settings-note{grid-column:1/-1;font-size:.78rem}.settings-note .warn{color:var(--danger)}.settings-row select,.settings-int input{background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:9px;padding:.4rem .5rem;font-size:.9rem}.settings-int{align-items:center;gap:.35rem;display:inline-flex}.settings-int input{width:90px}.settings-actions{justify-content:flex-end;gap:.5rem;margin-top:1rem;display:flex}.cam-events{border-top:1px solid var(--border);flex-direction:column;gap:.2rem;padding-top:.5rem;font-size:.8rem;display:flex}.event-row{align-items:baseline;gap:.6rem;display:flex}.event-when{min-width:6.5rem}.event-kind{min-width:6rem;color:var(--text)}.event-kind.config_apply{color:var(--accent)}.event-kind.admin_change{color:var(--star)}.event-kind.check_in_failed{color:var(--danger)}@media (width<=640px){.grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}}