:root{color-scheme:light;--bg:#f6f7fb;--panel:#fff;--text:#252637;--muted:#858594;--line:#e9eaf1;--accent:#7765d5;--accent-soft:#efecfc;--shadow:0 6px 24px #28253b04;--green:#278b6c;--lavender:#eeebfa;--peach:#fbede3;--mint:#e5f3ed}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px;line-height:1.5}body[data-theme=dark]{color-scheme:dark;--bg:#171820;--panel:#20212c;--text:#f0eef9;--muted:#a2a1b3;--line:#323341;--accent:#b2a3ff;--accent-soft:#363047;--shadow:none;--green:#8bd2b6;--lavender:#302c43;--peach:#3c302c;--mint:#253b34}button,input,select{font:inherit}button,a,input,select{outline-offset:4px}button,a{-webkit-tap-highlight-color:transparent}button{border:0;cursor:pointer;background:var(--accent);color:white;border-radius:12px;padding:13px 19px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:10px;transition:background .15s,transform .15s}button:hover{filter:brightness(.96)}button:active{transform:translateY(1px)}button:disabled{opacity:.5;cursor:wait}a{color:inherit;text-decoration:none}input,select{width:100%;min-width:0;padding:12px 13px;border:1px solid var(--line);background:var(--bg);color:var(--text);border-radius:10px}label{display:flex;flex-direction:column;gap:8px;color:var(--muted);font-size:12px;font-weight:550}h1,h2,h3,p{margin:0}h1{font-size:36px;letter-spacing:-1.4px;font-weight:650;line-height:1.25}h2{font-size:21px;letter-spacing:-.65px;font-weight:650}h3{font-size:15px;font-weight:650}p{color:var(--muted)}.icon{width:21px;height:21px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.sprite{position:absolute;width:0;height:0;overflow:hidden}.brand{display:flex;align-items:center;gap:11px;font-size:20px;letter-spacing:-.6px;font-weight:700;line-height:1.2}.brand>.icon{background:var(--accent);color:#fff;width:39px;height:39px;border-radius:13px;padding:9px;stroke-width:1.8}.brand-sub{display:block;font-size:8px;letter-spacing:2.3px;color:var(--muted);margin-top:5px;font-weight:600}.sidebar{position:fixed;inset:0 auto 0 0;width:232px;background:var(--panel);padding:31px 23px 22px;border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:20}.home-switch{display:flex;align-items:center;gap:11px;margin:43px 0 32px;padding:13px 11px;background:var(--bg);border-radius:13px}.home-switch strong{font-size:12px;font-weight:650}.home-switch small{display:block;font-size:10px;color:var(--muted);margin-top:2px}.home-switch>.icon{margin-left:auto;width:15px;color:var(--muted)}.home-avatar,.profile-avatar{display:grid;place-items:center;width:34px;height:34px;background:var(--peach);color:#996c50;border-radius:11px;font-weight:650}.nav-label{font-size:9px;letter-spacing:1.7px;color:var(--muted);padding-left:12px;margin-bottom:15px}.sidebar nav{display:flex;flex-direction:column;gap:9px}.nav-link{display:flex;align-items:center;gap:13px;color:var(--muted);padding:13px 15px;font-size:13px;border-radius:12px;font-weight:550}.nav-link:hover{background:var(--bg)}.nav-link.active{color:var(--accent);background:var(--accent-soft)}.sidebar-bottom{margin-top:auto}.private-note{padding:15px 7px 28px;display:flex;gap:9px;color:var(--muted)}.private-note>.icon{width:17px}.private-note strong{display:block;font-size:10px;font-weight:550}.private-note p{font-size:9px;margin-top:4px}.quiet{color:var(--muted);background:transparent;padding:8px;font-size:12px;font-weight:500}.quiet .icon{width:16px;height:16px}.sidebar-bottom>button{width:100%;justify-content:flex-start;border-top:1px solid var(--line);border-radius:0;padding:19px 12px 0}.app-body{margin-left:232px}header{height:88px;padding:0 42px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:14px;background:var(--bg)}.breadcrumb{font-size:12px;color:var(--muted)}.breadcrumb span{margin:0 12px;color:#c6c4d1}.breadcrumb strong{font-weight:500;color:var(--text)}.header-right{display:flex;align-items:center;gap:20px}.profile-avatar{width:35px;height:35px;border-radius:50%;font-size:12px;background:var(--lavender);color:var(--accent)}.icon-button{width:35px;height:35px;border:1px solid var(--line);color:var(--muted);background:var(--panel);padding:8px;border-radius:50%}.icon-button .icon{width:18px;height:18px}.status{display:flex;align-items:center;gap:7px;font-size:10px;color:var(--muted)}.status:before{content:"";width:6px;height:6px;border-radius:50%;background:#acaab6}.status.online:before{background:var(--green);box-shadow:0 0 0 3px #46a58212}.dashboard-main{max-width:1560px;padding:35px 42px 0;margin:auto}.page-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:29px}.page-title #today{font-size:11px;margin-bottom:8px}.page-title h1{margin-bottom:8px}.page-title>div>p:last-child{font-size:12px}.wave{color:#d9ac6f;display:inline-block;margin-left:14px;font-size:28px;vertical-align:3px}.pill-link{display:flex;align-items:center;gap:9px;background:var(--panel);padding:11px 15px;border:1px solid var(--line);border-radius:12px;font-size:11px;font-weight:600;white-space:nowrap}.pill-link .icon{width:16px;height:16px}.pill-link .icon:first-child{color:var(--accent)}.summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin-bottom:36px}.summary-card{display:flex;gap:13px;align-items:center;border-radius:18px;padding:21px 18px;transition:transform .2s;min-width:0}.summary-card:hover{transform:translateY(-3px)}.lavender{background:var(--lavender)}.peach{background:var(--peach)}.mint{background:var(--mint)}.summary-icon{background:#ffffff80;display:grid;place-items:center;border-radius:15px;width:44px;height:44px;color:#7d6bb1;flex-shrink:0}.peach .summary-icon{color:#bd8a63}.mint .summary-icon{color:#4b9a7e}.summary-text{min-width:0}.summary-text small{display:block;font-size:10px;color:var(--muted)}.summary-text strong{display:block;font-size:23px;letter-spacing:-.8px;font-weight:650;margin:3px 0}.summary-text>span{font-size:9px;color:var(--muted);display:block}.summary-card>.icon{width:14px;margin-left:auto;color:var(--muted)}.section-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.section-title p{font-size:11px;margin-top:5px}.count-badge{display:inline-grid;place-items:center;vertical-align:3px;border-radius:7px;width:24px;height:23px;background:var(--panel);color:var(--muted);font-size:11px;margin-left:7px;letter-spacing:0}.camera-tabs{display:flex;background:var(--line);padding:4px;border-radius:11px;gap:3px}.camera-tabs button{background:transparent;color:var(--muted);font-size:10px;padding:7px 12px;border-radius:8px;font-weight:550;white-space:nowrap}.camera-tabs button.active{background:var(--panel);color:var(--text);box-shadow:0 1px 4px #00000008}.camera-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:21px}.camera{background:var(--panel);border:1px solid var(--line);border-radius:19px;overflow:hidden;box-shadow:var(--shadow)}.camera-top{padding:17px 18px;display:flex;align-items:center;gap:11px}.device-avatar{display:grid;place-items:center;width:37px;height:37px;border-radius:12px;background:var(--lavender);color:#8976ba}.device-avatar.bardi{background:var(--peach);color:#bc8c64}.device-avatar .icon{width:19px;height:19px}.device-heading p{font-size:10px;margin-top:2px}.device-health{margin-left:auto;font-size:9px;color:var(--muted);display:flex;align-items:center;gap:5px}.device-health:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.device-health.online{color:var(--green)}.camera-screen{aspect-ratio:16/9;position:relative;background:#15171c;margin:0 10px;border-radius:12px;overflow:hidden}.camera-screen video,.camera-screen img{width:100%;height:100%;object-fit:contain;display:block}.camera-state{position:absolute;left:12px;top:12px;border:1px solid #ffffff35;background:#15191aba;backdrop-filter:blur(6px);color:white;font-size:9px;padding:4px 9px;border-radius:6px;pointer-events:none}.camera-state:before{content:"";width:5px;height:5px;display:inline-block;background:#97d5b4;margin-right:5px;border-radius:50%}.camera-screen>.expand{position:absolute;right:10px;top:10px;background:#15191aaa;border-color:#ffffff30;color:white;border-radius:8px;width:29px;height:29px}.camera-screen>.expand .icon{width:14px;height:14px}.camera-screen:fullscreen{margin:0;border-radius:0;aspect-ratio:auto;display:grid;place-items:center}.camera-screen:fullscreen video,.camera-screen:fullscreen img{height:100vh;width:100vw}.camera-caption{display:flex;align-items:center;justify-content:space-between;gap:7px;padding:11px 15px}.video-note{display:flex;align-items:center;gap:5px;font-size:9px;color:var(--muted)}.video-note .icon{width:12px;height:12px}.camera-actions{display:flex;gap:5px}.camera-actions button{font-size:10px;gap:5px}.camera-actions .icon{width:13px;height:13px}.backup-strip{display:flex;align-items:center;gap:15px;background:var(--panel);border:1px solid var(--line);border-radius:17px;margin:23px 0 34px;padding:20px 23px;box-shadow:var(--shadow)}.backup-icon{background:var(--mint);border-radius:14px;width:44px;height:44px;display:grid;place-items:center;color:var(--green);flex-shrink:0}.backup-copy h3{font-size:13px}.backup-copy p{font-size:10px;margin-top:5px}.backup-capacity{margin-left:auto;text-align:right;width:165px;flex-shrink:0}.backup-capacity>span{font-size:10px;font-weight:600}.backup-capacity small{font-size:8px;color:var(--muted)}.capacity-track{background:var(--bg);height:5px;border-radius:10px;overflow:hidden;margin:7px 0 2px}.capacity-track span{height:100%;width:0;display:block;background:#9ecbb8;border-radius:10px}.library{background:var(--panel);border:1px solid var(--line);border-radius:19px;padding:23px;box-shadow:var(--shadow)}.timezone-note{display:flex;align-items:center;gap:6px;font-size:9px;color:var(--muted)}.timezone-note .icon{width:13px;height:13px}.filters{display:grid;grid-template-columns:1.3fr .85fr 1fr auto;gap:13px;align-items:end;margin-top:22px}.filters label{font-size:10px}.filters input,.filters select{font-size:11px;height:43px}.filters button{height:43px;font-size:11px;white-space:nowrap;padding:11px 15px}.filters button .icon{width:15px;height:15px}#library-message{font-size:11px;padding:24px 0 8px}.playback-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:18px}.recording-list{max-height:370px;overflow:auto;display:flex;flex-direction:column;gap:5px}.recording-row{background:var(--bg);color:var(--text);display:flex;justify-content:space-between;font-size:11px;padding:12px;border:1px solid transparent;text-align:left}.recording-row.selected{background:var(--accent-soft);border-color:var(--accent)}.recording-row span{font-size:10px;color:var(--muted);font-weight:400}.playback-box video{width:100%;background:#15171c;border-radius:12px}.playback-box p{font-size:10px;margin-top:7px}footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:27px 0;color:var(--muted);font-size:9px}footer>span:first-child{display:flex;align-items:center;gap:6px}footer .icon{width:14px;height:14px}.login-shell{min-height:100dvh;display:grid;grid-template-columns:1.1fr 1fr;max-width:1150px;margin:auto;gap:100px;align-items:center;padding:50px}.welcome{min-height:650px;position:relative;padding:10px 0}.welcome .brand{margin-bottom:60px}.eyebrow{display:block;color:var(--accent);font-size:9px;letter-spacing:2px;font-weight:600}.welcome h1{font-size:59px;letter-spacing:-2.5px;margin:18px 0 17px}.welcome h1>span{color:var(--accent)}.welcome>p{font-size:13px;line-height:1.9}.welcome-foot{display:flex;align-items:center;gap:7px;position:absolute;bottom:0;color:var(--muted);font-size:10px}.welcome-foot .icon{width:15px;height:15px}.login-card{background:var(--panel);border:1px solid var(--line);padding:38px;border-radius:24px;box-shadow:0 18px 60px #362c4e05}.login-icon{display:grid;place-items:center;background:var(--lavender);color:var(--accent);width:48px;height:48px;border-radius:16px;margin-bottom:23px}.login-card h2{font-size:27px;margin-bottom:6px}.login-card>p{font-size:12px}.login-card form{display:flex;flex-direction:column;gap:10px;margin-top:29px}.login-card label{font-size:11px;margin-top:5px}.login-card input{font-size:12px;height:46px}.login-card button{justify-content:space-between;margin-top:13px;font-size:12px}.login-card small{display:flex;align-items:center;justify-content:center;gap:7px;color:var(--muted);font-size:9px;border-top:1px solid var(--line);padding-top:20px}.login-card small .icon{width:13px;height:13px}.error{min-height:24px;font-size:11px;color:#c75b5b;margin:4px 0 12px}.home-art{position:relative;width:280px;height:190px;margin:30px 0 0 20px}.art-house{position:absolute;bottom:10px;left:64px;width:130px;height:110px;background:#ddd4f4;border-radius:4px 4px 14px 14px}.art-roof{position:absolute;top:11px;left:69px;transform:rotate(45deg);width:120px;height:120px;background:#c4b6e8;border-radius:12px}.art-window{position:absolute;left:20px;top:24px;width:34px;height:34px;background:#f4f0ff;border:5px solid #c4b6e8;border-radius:7px}.art-door{position:absolute;bottom:0;right:23px;width:36px;height:65px;background:#b1a0da;border-radius:18px 18px 0 0}.art-camera,.art-cloud{position:absolute;display:grid;place-items:center;width:53px;height:53px;background:var(--panel);border-radius:17px;box-shadow:0 10px 25px #62527812;color:var(--accent)}.art-camera{right:0;top:28px;transform:rotate(8deg)}.art-cloud{left:0;bottom:18px;transform:rotate(-8deg);color:#79ad96}.art-dot{position:absolute;top:10px;left:22px;background:#edc399;width:15px;height:15px;border-radius:50%}[hidden]{display:none!important}@media(min-width:1700px){.dashboard-main{padding-top:45px}.camera-screen{aspect-ratio:16/9}}@media(max-width:1200px){.sidebar{width:205px;padding:27px 17px}.app-body{margin-left:205px}.dashboard-main{padding:28px 25px 0}header{padding:0 25px}.summary-card{padding:17px 13px;gap:10px}.summary-icon{width:35px;height:35px;border-radius:12px}.summary-text strong{font-size:21px}.summary-text>span{font-size:8px}.filters{grid-template-columns:1fr 1fr}.filters button{align-self:end}.login-shell{gap:60px}}@media(max-width:900px){.sidebar{width:82px;padding:28px 13px}.sidebar>.brand{justify-content:center}.sidebar>.brand>span,.home-switch,.nav-label,.nav-link>span,.private-note{display:none}.sidebar nav{margin-top:55px}.nav-link{justify-content:center;padding:14px}.sidebar-bottom>button{font-size:0;justify-content:center;padding:20px 0 0}.sidebar-bottom>button .icon{width:21px;height:21px}.app-body{margin-left:82px}.summary-grid{gap:12px}.summary-card{align-items:flex-start}.summary-icon{display:none}.summary-text strong{font-size:20px}.summary-card>.icon{display:none}.camera-top{padding:14px 12px}.device-health{font-size:8px}.camera-caption{padding:10px}.video-note{display:none}.camera-actions{width:100%;justify-content:space-between}.login-shell{gap:40px;padding:35px}.welcome h1{font-size:50px}.login-card{padding:28px}}@media(max-width:650px){html{scroll-padding-top:24px}.sidebar{inset:auto 0 0 0;height:auto;width:100%;padding:8px 13px calc(8px + env(safe-area-inset-bottom));border:0;border-top:1px solid var(--line);background:var(--panel)}.sidebar>.brand,.sidebar-bottom{display:none}.sidebar nav{margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.nav-link{padding:8px 4px 5px;flex-direction:column;gap:4px;border-radius:13px;font-size:9px}.nav-link>span{display:block}.nav-link .icon{width:21px;height:21px}.app-body{margin:0;padding-bottom:85px}header{height:70px;padding:0 21px;border:0}.breadcrumb{font-size:11px}.breadcrumb span{margin:0 7px}.header-right{gap:10px}.status{font-size:0;gap:0}.status:before{width:7px;height:7px}.profile-avatar{width:30px;height:30px}.icon-button{width:31px;height:31px}.dashboard-main{padding:15px 19px 0}.page-title{margin-bottom:23px}.page-title h1{font-size:29px;letter-spacing:-1.2px}.page-title #today{font-size:10px}.page-title>div>p:last-child{font-size:11px}.wave{font-size:23px;margin-left:10px}.pill-link{display:none}.summary-grid{gap:9px;margin-bottom:29px}.summary-card{padding:13px 10px;border-radius:14px;min-height:115px}.summary-text small{font-size:8px}.summary-text strong{font-size:19px;letter-spacing:-.7px;margin:8px 0 5px}.summary-text>span{font-size:8px;line-height:1.5}.section-title{gap:14px;align-items:flex-start;flex-wrap:wrap;margin-bottom:15px}.section-title h2{font-size:20px}.section-title p{font-size:10px}.camera-tabs{width:100%;padding:4px;gap:2px;border-radius:12px}.camera-tabs button{flex:1;padding:8px;font-size:10px}.camera-grid{grid-template-columns:1fr;gap:17px}.camera{border-radius:18px}.camera-top{padding:16px}.device-avatar{width:36px;height:36px}.device-health{font-size:9px}.camera-caption{padding:10px 13px}.video-note{display:flex}.camera-actions{width:auto;gap:5px}.camera-actions button{font-size:9px;padding:8px 5px}.camera-screen{margin:0 8px}.backup-strip{margin:20px 0 27px;padding:17px 15px;gap:11px;flex-wrap:wrap}.backup-icon{width:37px;height:37px;border-radius:12px}.backup-copy{flex:1;min-width:0}.backup-copy h3{font-size:12px}.backup-copy p{font-size:9px}.backup-capacity{width:100%;display:grid;grid-template-columns:1fr auto;align-items:center;text-align:left;gap:2px 15px;margin-top:5px}.backup-capacity>span{grid-column:2;grid-row:1;font-size:9px}.capacity-track{grid-column:1;grid-row:1;margin:0}.backup-capacity small{grid-column:1 / -1;margin-top:3px}.library{padding:18px 15px;border-radius:18px}.timezone-note{font-size:8px}.filters{gap:13px 10px;margin-top:19px}.filters label:first-child{grid-column:1 / -1}.filters button{grid-column:1 / -1;width:100%;margin-top:2px}.filters input,.filters select{height:44px;font-size:12px;padding:10px}#library-message{font-size:10px;padding:20px 0 5px}.playback-grid{grid-template-columns:1fr}.recording-list:empty{display:none}.recording-list{max-height:270px}.playback-box{grid-row:1}footer{padding:23px 0;font-size:8px}footer>span:last-child{max-width:140px;text-align:right}.login-shell{display:block;padding:30px 23px;max-width:440px}.welcome{min-height:0;padding:0}.welcome .brand{margin-bottom:30px;font-size:19px}.welcome .eyebrow{font-size:8px}.welcome h1{font-size:38px;margin:13px 0;letter-spacing:-1.7px}.welcome>p{font-size:11px;margin-bottom:25px}.home-art,.welcome-foot{display:none}.login-card{padding:25px;border-radius:21px}.login-icon{display:none}.login-card h2{font-size:24px}.login-card form{margin-top:21px}.login-card input{font-size:16px}.login-card>p{font-size:11px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.mobile-logout{display:none}@media(max-width:650px){.mobile-logout{display:inline-flex}.header-right{gap:8px}.profile-avatar{display:none}}