:root,:root[data-theme=dark]{--bg:#0a0e14;--bg-gradient:none;--surface:#11161f;--surface-2:#1a2230;--border:#232d3f;--text:#e8edf5;--text-dim:#8b96a8;--accent:#4c9aff;--on-accent:#ffffff;--accent-soft:rgba(76,154,255,0.18);--accent-glow:rgba(76,154,255,0.35);--veil:rgba(4,6,10,0.55);--veil-strong:rgba(4,6,10,0.6);--chip-bg:rgba(4,6,10,0.62);--chip-text:#e8edf5;--panel-solid:rgba(20,26,38,0.88);--glass:none;--danger:#ff6b6b;--radius:12px;color-scheme:dark}:root[data-theme=clear]{--bg:#eef1f6;--bg-gradient:linear-gradient(165deg,#f7fafe,#e9eef7 55%,#e3eaf4);--surface:rgba(255,255,255,0.66);--surface-2:rgba(255,255,255,0.52);--border:rgba(15,23,42,0.09);--text:#0b1220;--text-dim:#5c6675;--accent:#007aff;--on-accent:#ffffff;--accent-soft:rgba(0,122,255,0.13);--accent-glow:rgba(0,122,255,0.32);--veil:rgba(240,245,251,0.5);--veil-strong:rgba(240,245,251,0.62);--chip-bg:rgba(255,255,255,0.72);--chip-text:#0b1220;--panel-solid:rgba(255,255,255,0.86);--glass:blur(20px) saturate(170%);--danger:#e0342c;color-scheme:light}:root[data-theme=cozy]{--bg:#f5eee2;--bg-gradient:linear-gradient(160deg,#fbf6ea,#f2e9d8 60%,#eee2cc);--surface:rgba(255,251,243,0.78);--surface-2:rgba(250,242,228,0.85);--border:rgba(122,96,60,0.16);--text:#463823;--text-dim:#8d7c60;--accent:#c9853f;--on-accent:#fff8ee;--accent-soft:rgba(201,133,63,0.16);--accent-glow:rgba(201,133,63,0.35);--veil:rgba(246,238,226,0.5);--veil-strong:rgba(246,238,226,0.62);--chip-bg:rgba(252,246,235,0.75);--chip-text:#463823;--panel-solid:rgba(252,247,238,0.92);--glass:blur(16px) saturate(140%);--danger:#c0392b;color-scheme:light}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}body,html{height:100%;background-color:var(--bg);background-image:var(--bg-gradient);background-attachment:fixed;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,sans-serif;overscroll-behavior:none;transition:background-color .25s,color .25s}:root[data-theme=cozy] body:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background-image:radial-gradient(rgba(163,130,84,.09) 1px,transparent 1.4px);background-size:22px 22px}body{-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}.hub{height:100dvh;display:flex;flex-direction:column;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px calc(10px);border-bottom:1px solid var(--border);background:var(--surface);backdrop-filter:var(--glass);-webkit-backdrop-filter:var(--glass);position:relative;z-index:10;flex-wrap:wrap}.header-title{display:flex;align-items:baseline;gap:12px}.header-name{font-size:17px;font-weight:700;letter-spacing:.2px}.header-clock{font-size:15px;color:var(--text-dim);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.header-controls{gap:10px}.header-controls,.theme-dots{display:flex;align-items:center}.theme-dots{gap:7px;margin-right:2px}.theme-dot{width:17px;height:17px;border-radius:50%;border:2px solid var(--border);padding:0;opacity:.75;transition:transform .18s,box-shadow .18s,opacity .18s}.theme-dot:hover{transform:scale(1.12);opacity:1}.theme-dot.active{width:23px;height:23px;opacity:1;outline:2px solid var(--accent);outline-offset:2px;box-shadow:0 0 0 4px var(--accent-soft)}.segmented{display:flex;background:var(--surface-2);border:1px solid var(--border);border-radius:9px;overflow:hidden}.segmented button{padding:7px 13px;font-size:13px;color:var(--text-dim);transition:background .15s,color .15s}.segmented button+button{border-left:1px solid var(--border)}.segmented button.active{background:var(--accent);color:var(--on-accent);font-weight:600}.icon-btn{padding:7px 13px;font-size:13px;border-radius:9px;border:1px solid var(--border);background:var(--surface-2);color:var(--text-dim);transition:all .15s}.icon-btn.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.icon-btn.burger{display:flex;align-items:center;padding:8px}.icon-btn.danger{color:var(--danger);border-color:rgba(255,107,107,.35)}.menu-overlay{position:fixed;inset:0;z-index:60;background:var(--veil-strong);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.menu-panel{position:fixed;inset:0;z-index:61;background:var(--surface);backdrop-filter:var(--glass);-webkit-backdrop-filter:var(--glass);border-left:1px solid var(--border);overflow-y:auto;display:flex;flex-direction:column;gap:18px;padding:calc(env(safe-area-inset-top) + 18px) max(20px,env(safe-area-inset-right)) calc(env(safe-area-inset-bottom) + 20px);animation:panel-in-right .26s cubic-bezier(.2,.8,.2,1)}.menu-panel>*{width:100%;max-width:560px;margin-inline:auto}@keyframes panel-in-right{0%{transform:translateX(103%);opacity:.55}to{transform:none;opacity:1}}.menu-header{display:flex;align-items:center;justify-content:space-between;font-size:17px;font-weight:700}.close-btn.small{position:static;width:34px;height:34px}.menu-version{color:var(--text-dim);font-size:11px;letter-spacing:.4px;margin-top:-14px}.menu-section{display:flex;flex-direction:column;gap:10px}.menu-section h2{font-size:14px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-dim)}.menu-empty{color:var(--text-dim);font-size:13px}.cam-list{list-style:none;display:flex;flex-direction:column;gap:8px}.cam-item{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:10px 12px}.cam-info{display:flex;flex-direction:column;gap:2px;min-width:0}.cam-info strong{font-size:14px}.cam-info small{color:var(--text-dim);font-size:12px}.cam-manage{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;overflow:hidden}.cam-manage.open{border-color:var(--accent)}.cam-row{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:12px 14px;text-align:left}.cam-row .chevron{color:var(--text-dim);transition:transform .18s;flex-shrink:0}.cam-row .chevron.rotated{transform:rotate(180deg)}.cam-editor{border-top:1px dashed var(--border);padding:12px}.cam-editor-actions{display:flex;gap:8px}.btn-save{flex:1 1;padding:11px;font-size:13.5px;font-weight:600;border-radius:9px;background:var(--accent);color:var(--on-accent)}.btn-save:disabled{opacity:.45}.btn-retirer{padding:11px 14px;font-size:13.5px;border-radius:9px;border:1px solid rgba(255,107,107,.4);color:var(--danger)}.cam-actions,.cam-edit{display:flex;align-items:center;gap:6px}.cam-edit{flex:1 1}.cam-edit input{flex:1 1;min-width:0;padding:9px 11px;font-size:14px;border-radius:8px;border:1px solid var(--accent);background:var(--bg);color:var(--text);outline:none}.icon-btn.save:not(:disabled){color:var(--accent);border-color:var(--accent)}.side-drawer{position:fixed;top:0;right:0;bottom:0;z-index:62;width:min(400px,94vw);background:var(--surface);backdrop-filter:var(--glass);-webkit-backdrop-filter:var(--glass);border-left:1px solid var(--border);overflow-y:auto;display:flex;flex-direction:column;gap:14px;padding:calc(env(safe-area-inset-top) + 16px) 18px calc(env(safe-area-inset-bottom) + 16px);animation:drawer-in .22s cubic-bezier(.2,.8,.2,1)}@keyframes drawer-in{0%{transform:translateX(103%);opacity:.6}to{transform:none;opacity:1}}.icon-btn.logout{display:flex;align-items:center;gap:5px}@media (max-width:760px){.hide-compact{display:none}.icon-btn.logout{padding:8px}}.layout-wrap{position:relative}.layout-trigger{display:none}.layout-pop{position:absolute;top:calc(100% + 10px);right:0;z-index:45;min-width:170px;background:var(--panel-solid);backdrop-filter:var(--glass);-webkit-backdrop-filter:var(--glass);border:1px solid var(--border);border-radius:12px;padding:6px;display:flex;flex-direction:column;gap:2px;box-shadow:0 14px 38px rgba(0,0,0,.28);animation:pop-in .16s cubic-bezier(.2,.8,.2,1)}@keyframes pop-in{0%{opacity:0;transform:translateY(-6px) scale(.97)}to{opacity:1;transform:none}}.layout-opt{display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:8px;font-size:13.5px;color:var(--text);transition:background .13s}.layout-opt.active,.layout-opt:hover{background:var(--accent-soft)}.layout-opt .check{margin-left:auto;color:var(--accent)}.pop-backdrop{position:fixed;inset:0;z-index:44;background:transparent}@media (max-width:540px){.segmented{display:none}.layout-trigger{display:flex;align-items:center;padding:8px}}.menu-actions{border-top:1px solid var(--border);padding-top:14px}.action-row{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:13px 14px;font-size:14px;font-weight:500;color:var(--text);background:var(--surface-2);border:1px solid var(--border);border-radius:10px;transition:background .15s,border-color .15s}.action-row:active{transform:scale(.985)}.action-row.danger{color:var(--danger)}.action-row.active{border-color:var(--accent)}.switch{position:relative;width:40px;height:23px;border-radius:12px;background:var(--border);transition:background .18s;flex-shrink:0}.switch.on{background:var(--accent)}.switch .knob{position:absolute;top:2px;left:2px;width:19px;height:19px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.3);transition:left .18s cubic-bezier(.2,.8,.2,1)}.switch.on .knob{left:19px}.cam-form{gap:10px}.cam-form,.cam-form label{display:flex;flex-direction:column}.cam-form label{gap:5px;font-size:13px;color:var(--text-dim)}.cam-form input{width:100%;padding:11px 13px;font-size:15px;border-radius:9px;border:1px solid var(--border);background:var(--bg);color:var(--text);outline:none}.cam-form input:focus{border-color:var(--accent)}.cam-form button[type=submit]{margin-top:4px;padding:12px;font-size:14px;font-weight:600;border-radius:9px;background:var(--accent);color:var(--on-accent)}.cam-form button[type=submit]:disabled{opacity:.45}.grid{flex:1 1;display:grid;grid-gap:6px;gap:6px;padding:6px;min-height:0;transition:opacity .2s}.tile-slot{position:relative;min-height:0;min-width:0;touch-action:none;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;transition:transform .2s cubic-bezier(.2,.8,.2,1)}.shutter-tile *,.tile-slot *{-moz-user-select:none!important;user-select:none!important;-webkit-user-select:none!important;-webkit-touch-callout:none!important}.tile-slot .tile{position:absolute;inset:0}.tile-slot.dragging{z-index:30;transform:scale(1.05);opacity:.92;box-shadow:0 12px 34px rgba(0,0,0,.55);border-radius:var(--radius)}.grid-dimmed{opacity:.3;pointer-events:none}.tile{position:relative;overflow:hidden;border-radius:var(--radius);background:#000;min-height:0;min-width:0}.player{position:absolute;inset:0}.player-video{width:100%;height:100%;object-fit:cover;display:block}.player-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--veil)}.player-spinner{width:26px;height:26px;border:3px solid rgba(255,255,255,.25);border-top-color:#fff;border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.player-error{font-size:13px;color:var(--danger);background:var(--chip-bg);padding:6px 12px;border-radius:8px}.tile-label{left:10px;top:10px;font-size:13px;font-weight:600;padding:4px 10px;color:var(--chip-text);background:var(--chip-bg);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.tile-expand,.tile-label{position:absolute;z-index:2;border-radius:7px;pointer-events:none}.tile-expand{right:10px;bottom:10px;color:rgba(255,255,255,.65);background:rgba(4,6,10,.5);padding:4px}.tile-slot.selected{position:fixed;inset:0;z-index:50;background:#000;border-radius:0;transform:none!important;animation:selected-in .2s cubic-bezier(.2,.8,.2,1)}@keyframes selected-in{0%{opacity:0;transform:scale(.985)}to{opacity:1;transform:scale(1)}}.tile-slot.selected .player-video{object-fit:contain}.tile-slot.selected .tile-expand{display:none}.close-btn{position:absolute;top:calc(env(safe-area-inset-top) + 14px);right:20px;z-index:3;width:42px;height:42px;border-radius:50%;background:var(--panel-solid);border:1px solid var(--border);color:var(--text)}.close-btn,.login-page{display:flex;align-items:center;justify-content:center}.login-page{min-height:100dvh;padding:24px}.login-card{width:100%;max-width:360px;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:32px 28px;display:flex;flex-direction:column;gap:14px;text-align:center}.login-card h1{font-size:22px;font-weight:700}.login-card p{color:var(--text-dim);font-size:14px;margin-top:-8px}.login-card input{width:100%;padding:13px 16px;font-size:16px;border-radius:10px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);outline:none}.login-card input:focus{border-color:var(--accent)}.login-error{color:var(--danger);font-size:13px}.login-card button[type=submit]{padding:13px;font-size:15px;font-weight:600;border-radius:10px;background:var(--accent);color:var(--on-accent)}.login-card button[type=submit]:disabled{opacity:.45}.empty-state{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:24px;color:var(--text-dim)}.empty-state h1{color:var(--text);font-size:32px;letter-spacing:2px}.empty-state p{margin-bottom:14px}.cta-btn{padding:14px 26px;font-size:15px;font-weight:600;border-radius:12px;background:var(--accent);color:var(--on-accent)}.menu-panel.fullscreen{justify-content:flex-start}.menu-panel.fullscreen>*{width:100%;max-width:520px}.menu-welcome{color:var(--text-dim);font-size:14px;text-align:center}@media (max-width:540px){.header{padding:8px 10px;gap:8px}.header-name{font-size:15px}.header-clock{display:none}.header-controls{gap:7px;flex-wrap:nowrap;min-width:0}.theme-dots{gap:5px}.theme-dot{width:12px;height:12px;border-width:1.5px}.theme-dot.active{width:19px;height:19px;outline-offset:1.5px;box-shadow:0 0 0 3px var(--accent-soft)}.segmented button{padding:6px 9px;font-size:11.5px}.icon-btn{padding:6px 10px;font-size:12px}.icon-btn.burger{padding:7px}.grid{gap:4px;padding:4px}}.drawer-tabs{display:flex;gap:6px}.drawer-tab{flex:1 1;padding:10px;font-size:13.5px;font-weight:500;border-radius:9px;border:1px solid var(--border);background:var(--surface-2);color:var(--text-dim);transition:all .15s}.drawer-tab.active{background:var(--accent);color:var(--on-accent);font-weight:600;border-color:var(--accent)}.menu-tabs{display:flex;gap:6px;background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:3px}.menu-tab{flex:1 1;padding:9px 12px;font-size:13px;font-weight:500;color:var(--text-dim);border-radius:8px;transition:all .15s}.menu-tab.active{background:var(--accent);color:var(--on-accent);font-weight:600}.shutter-tile{justify-content:center;background:linear-gradient(180deg,rgba(255,255,255,.05),transparent 40%),repeating-linear-gradient(90deg,#10151d 0 26px,#131a24 26px 52px)}.shutter-controls{gap:10px}.shutter-btn{border-radius:14px;background:var(--panel-solid);border:1px solid var(--border);font-size:20px;transition:transform .13s,background .15s,border-color .15s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.shutter-btn:hover:not(:disabled){transform:scale(1.08)}.shutter-btn:active:not(:disabled){transform:scale(.94)}.shutter-btn:disabled{opacity:.5}.shutter-btn .txt{font-size:13px;margin-left:7px}.tile-slot.selected .shutter-controls{flex-direction:column;gap:16px}.tile-slot.selected .shutter-btn{width:190px;height:64px;justify-content:center}.view-tabs{display:flex;gap:6px;padding:10px 16px 0}.view-tabs button{padding:9px 18px;font-size:13.5px;font-weight:500;border-radius:10px 10px 0 0;color:var(--text-dim);background:transparent;border:1px solid transparent;border-bottom:none;transition:all .15s;display:flex;align-items:center;gap:7px}.view-tabs button.active{background:var(--surface);border-color:var(--border);color:var(--text);font-weight:600}.view-tabs .count{font-size:11px;font-weight:700;background:var(--accent-soft);color:var(--accent);border-radius:20px;padding:1px 7px}.page-empty{grid-column:1/-1;display:flex;align-items:center;justify-content:center;min-height:160px;color:var(--text-dim);font-size:14px;border:1px dashed var(--border);border-radius:var(--radius)}.grid-domo{width:100%;max-width:880px;margin-inline:auto;overflow-y:auto;align-content:start}.grid-domo .tile-slot{aspect-ratio:3/4.2}@media (max-width:760px){.grid-domo .tile-slot{aspect-ratio:1/1}}.shutter-tile{position:absolute;inset:0;justify-content:space-evenly;background:var(--surface-2);border-radius:inherit}.shutter-controls,.shutter-tile{display:flex;flex-direction:column;align-items:center}.shutter-controls{gap:clamp(14px,12%,34px)}.shutter-btn{width:52px;height:52px;border-radius:50%;background:var(--bg);border:1.5px solid var(--border);color:var(--text);font-size:21px;display:flex;align-items:center;justify-content:center;transition:transform .13s,border-color .15s,color .15s,background .15s}.shutter-btn:hover:not(:disabled){transform:scale(1.09);border-color:var(--accent);color:var(--accent)}.shutter-btn:active:not(:disabled){transform:scale(.93)}.shutter-btn.busy{border-color:var(--accent);color:var(--accent);animation:drop-pulse .9s ease-in-out infinite}.shutter-btn:disabled{opacity:.45}.shutter-error{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);white-space:nowrap}@media (max-width:760px){.shutter-tile{flex-direction:row;justify-content:center}.shutter-controls{flex-direction:row;gap:clamp(12px,8%,26px)}.shutter-btn{width:44px;height:44px;font-size:17px}.view-tabs{padding:8px 10px 0}.view-tabs button{padding:8px 13px;font-size:12.5px}}.grid-domo{grid-template-columns:repeat(auto-fill,minmax(min(46vw,200px),1fr))}.tile-slot{overflow:hidden;border-radius:var(--radius)}.shutter-controls{width:100%;gap:clamp(12px,14%,36px)}.shutter-btn{width:clamp(38px,54%,58px);aspect-ratio:1;height:auto;font-size:clamp(16px,5vw,21px)}@media (max-width:760px){.shutter-tile{flex-direction:row;justify-content:center;padding:0 6%}.shutter-controls{flex-direction:row;padding:0;gap:clamp(8px,4%,20px)}.shutter-btn{flex:1 1;max-width:52px;font-size:17px}}.shutter-badges{position:absolute;top:10px;right:10px;z-index:3;display:flex;align-items:center;gap:6px}.shutter-led{width:11px;height:11px;border-radius:50%;background:#57606f;border:1px solid rgba(255,255,255,.25);padding:0;cursor:default}.shutter-led.led-open{background:#34c759;box-shadow:0 0 8px rgba(52,199,89,.85)}.shutter-led.led-close{background:#ff453a;box-shadow:0 0 8px rgba(255,69,58,.8)}.shutter-led.led-paused{background:#ffd60a;box-shadow:0 0 8px rgba(255,214,10,.8)}.backlight-btn{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(4,6,10,.55);color:var(--text-dim);border:1px solid var(--border);transition:all .15s}.backlight-btn.on{color:#ffd60a;border-color:#ffd60a}