@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap";:root{color:#253237;font-synthesis:none;text-rendering:optimizelegibility;--ink:#253237;--muted:#829092;--soft-muted:#a6b1b0;--line:#e4ebe8;--paper:#fff;--deep:#132227;--teal:#5a9d8c;--teal-deep:#337568;--sidebar:#17272a;background:#f5f7f5;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer;border:0}.app-shell{background:#f6f8f6;min-height:100vh;display:flex}.sidebar{background:var(--sidebar);color:#dce6e1;flex-direction:column;flex-shrink:0;width:246px;padding:27px 15px 17px;display:flex}.brand-row{align-items:center;gap:10px;padding:0 12px 29px;display:flex}.brand-name{color:#f4f7f5;letter-spacing:-.04em;font:700 20px Manrope,sans-serif}.brand-mark{border:1.5px solid #9dd0bf;border-radius:8px;justify-content:center;align-items:center;gap:1px;width:22px;height:22px;display:flex;position:relative;transform:rotate(45deg)}.brand-mark span{background:#8bc9b7;border-radius:2px;width:2px;height:7px;display:block;transform:rotate(-45deg)}.brand-mark span:nth-child(2){background:#d4eadf;height:11px}.brand-mark span:nth-child(3){opacity:.72;height:5px}.sidebar-close{color:#a4b8b2;background:0 0;margin-left:auto;display:none}.home-switcher{color:#eff6f2;text-align:left;background:#233a3c;border:1px solid #2e4a4a;border-radius:10px;align-items:center;gap:9px;width:100%;padding:10px;display:flex}.home-switcher>span:nth-child(2),.profile-row>span:nth-child(2),.home-health>span:nth-child(2){flex-direction:column;flex:1;gap:2px;display:flex}.home-switcher strong,.profile-row strong,.home-health strong{font-size:12px;font-weight:600;line-height:1.25}.home-switcher small,.profile-row small,.home-health small{color:#8ca39d;font-size:10px}.home-switcher>svg{color:#8ba7a0}.home-avatar{color:#b5dfd0;background:#2c5e58;border-radius:8px;place-items:center;width:27px;height:27px;display:grid}.main-nav{margin-top:29px}.nav-label{color:#708782;letter-spacing:.12em;text-transform:uppercase;padding:0 12px 9px;font:500 9px DM Mono,monospace;display:block}.nav-label-spaced{margin-top:28px}.nav-item{color:#9db0ab;text-align:left;background:0 0;border-radius:8px;align-items:center;gap:12px;width:100%;padding:10px 12px;font-size:12px;transition:all .2s;display:flex}.nav-item:hover{color:#eff7f3;background:#20383a}.nav-item.active{color:#f5fbf8;background:#2d5752;box-shadow:inset 2px 0 #92d2bb}.nav-item b{color:#c1e4d5;background:#41766c;border-radius:50%;place-items:center;min-width:19px;height:19px;margin-left:auto;font-size:10px;font-weight:600;display:grid}.sidebar-bottom{margin-top:auto}.home-health{border-top:1px solid #29403f;border-bottom:1px solid #29403f;align-items:center;gap:9px;margin:0 4px 18px;padding:12px 8px;display:flex}.health-icon{color:#88cdb9}.health-check{color:#9fe0c6;background:#2d6258;border-radius:50%;place-items:center;width:19px;height:19px;display:grid}.profile-row{color:#e1e9e5;text-align:left;background:0 0;border-top:1px solid #29403f;align-items:center;gap:10px;width:100%;margin-top:11px;padding:12px 9px 3px;display:flex}.profile-row>svg{color:#758c87}.profile-avatar{color:#594b43;background:#d2b49a;border-radius:50%;place-items:center;width:28px;height:28px;font:700 10px Manrope,sans-serif;display:grid}.main-area{width:calc(100% - 246px);min-width:0}.topbar{border-bottom:1px solid var(--line);background:#ffffffba;justify-content:space-between;align-items:center;height:72px;padding:0 39px;display:flex}.breadcrumb{color:#9aa6a4;align-items:center;gap:10px;font-size:12px;display:flex}.breadcrumb strong{color:#3d4e51;font-weight:600}.topbar-actions{align-items:center;gap:12px;display:flex}.search-field{color:#9baba7;background:#fbfcfb;border:1px solid #e0e8e4;border-radius:7px;align-items:center;gap:8px;width:218px;height:34px;padding:0 9px;display:flex}.search-field input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:0;font-size:11px}.search-field input::placeholder{color:#a3afad}.search-field kbd{white-space:nowrap;color:#a4aeac;font:10px DM Mono,monospace}.top-icon-button,.top-profile{color:#768986;background:0 0;place-items:center;display:grid}.top-icon-button{padding:5px;position:relative}.notification-button i{background:#e08278;border:1px solid #fff;border-radius:50%;width:5px;height:5px;position:absolute;top:3px;right:3px}.top-profile{align-items:center;gap:6px;padding-left:8px;display:flex}.top-profile .profile-avatar{width:29px;height:29px}.mobile-menu{color:var(--ink);background:0 0;display:none}.page-content{max-width:1450px;margin:0 auto;padding:35px 40px 26px}.welcome-row{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:27px;display:flex}.overline{color:#95a4a0;letter-spacing:.03em;text-transform:uppercase;align-items:center;gap:8px;font:500 10px DM Mono,monospace;display:flex}.live-pulse{background:#77b9a4;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #77b9a421}h1,h2,h3,p{margin:0}h1{color:#26383b;letter-spacing:-.055em;margin:12px 0 7px;font:700 clamp(29px,3vw,41px)/1.14 Manrope,sans-serif}h1 em{color:#72a292;font-style:normal}.welcome-row p{color:#8c9a98;font-size:13px}.weather-card{border:1px solid var(--line);background:#ffffffad;border-radius:10px;align-items:center;gap:10px;min-width:268px;height:67px;padding:12px 15px;display:flex}.weather-icon{color:#d19c59;background:#f8ecd6;border-radius:10px;place-items:center;width:38px;height:38px;display:grid}.weather-card>div:nth-child(2){flex-direction:column;gap:2px;display:flex}.weather-card strong{color:#354649;letter-spacing:-.04em;font:700 20px Manrope,sans-serif}.weather-card span{color:#899995;font-size:10px}.weather-divider{background:#e3e9e6;width:1px;height:31px;margin:0 3px 0 4px}.weather-meta{flex-direction:column;gap:4px;display:flex}.metrics-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:37px;display:grid}.metric-card{border:1px solid var(--line);background:var(--paper);border-radius:10px;min-height:122px;padding:15px 17px 16px}.metric-top{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.metric-icon{border-radius:8px;place-items:center;width:30px;height:30px;display:grid}.metric-trend{color:#a3afad;align-items:center;gap:3px;font-size:9px;display:inline-flex}.metric-trend.trend-up{color:#62a48d}.metric-card>strong{color:#2f4244;letter-spacing:-.06em;font:700 26px/1 Manrope,sans-serif;display:block}.metric-card>strong small{color:#a1afac;letter-spacing:-.03em;font:500 13px Manrope,sans-serif}.metric-label{color:#8d9b99;margin-top:7px;font-size:11px;display:block}.section-heading{justify-content:space-between;align-items:flex-end;gap:15px;margin-bottom:15px;display:flex}.eyebrow{color:#9ba8a5;letter-spacing:.12em;text-transform:uppercase;margin-bottom:5px;font:500 9px DM Mono,monospace;display:block}.section-heading h2,.panel-heading h2{color:#344648;letter-spacing:-.04em;font:700 20px Manrope,sans-serif}.section-heading h2 span{color:#aab7b2;letter-spacing:0;margin-left:4px;font:500 12px DM Mono,monospace}.section-actions{align-items:center;gap:15px;display:flex}.filter-tabs{border:1px solid var(--line);background:#f0f4f1;border-radius:7px;gap:4px;padding:3px;display:flex}.filter-tabs button{color:#91a09c;white-space:nowrap;background:0 0;border-radius:5px;padding:6px 9px;font-size:10px}.filter-tabs button.active{color:#446f66;background:#fff;font-weight:600;box-shadow:0 1px 4px #3551491a}.add-camera{color:#438271;white-space:nowrap;background:#f2faf6;border:1px solid #cfe2d9;border-radius:7px;align-items:center;gap:6px;padding:8px 11px;font-size:10px;font-weight:600;display:flex}.dashboard-grid{grid-template-columns:minmax(0,1.64fr) minmax(285px,.73fr);align-items:stretch;gap:14px;display:grid}.camera-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;min-width:0;display:grid}.camera-card{border:1px solid var(--line);background:var(--paper);border-radius:10px;outline:none;min-width:0;transition:border .2s,box-shadow .2s,transform .2s;overflow:hidden}.camera-card:hover{border-color:#c7dcd3;transform:translateY(-2px);box-shadow:0 9px 23px #23413a12}.camera-card.is-selected{border-color:#76ad9a;box-shadow:0 0 0 2px #6fab9429}.camera-card-featured{grid-column:span 2}.card-preview{background:#243c3f;height:185px;position:relative;overflow:hidden}.camera-card-featured .card-preview{height:245px}.preview-topline{z-index:3;justify-content:space-between;align-items:center;display:flex;position:absolute;top:12px;left:12px;right:10px}.status-pill{color:#eff9f3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);letter-spacing:.02em;background:#1026258a;border-radius:5px;align-items:center;gap:5px;width:fit-content;padding:5px 8px;font:500 9px DM Mono,monospace;display:inline-flex}.status-pill.status-small{padding:5px 7px;font-size:8px}.status-dot{background:#74d2ad;border-radius:50%;width:5px;height:5px;box-shadow:0 0 0 2px #74d2ad2e}.status-private .status-dot{box-shadow:none;background:#c6d4d1}.status-offline .status-dot{box-shadow:none;background:#e6a19b}.dark-button{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:#eef8f1!important;background:#10262575!important;border-color:#ffffff1f!important}.icon-button{border:1px solid #0000;border-radius:6px;place-items:center;width:27px;height:27px;display:grid}.preview-time{z-index:3;color:#eaf5ee;text-shadow:0 1px 4px #192e2e;align-items:center;gap:4px;font:9px DM Mono,monospace;display:inline-flex;position:absolute;bottom:10px;right:12px}.privacy-overlay,.offline-overlay{z-index:2;color:#d7e6e1;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#1c36388c;flex-direction:column;justify-content:center;align-items:center;gap:7px;font-size:12px;display:flex;position:absolute;inset:0}.privacy-overlay{color:#d1ded9}.offline-overlay{color:#dfebe5;background:#1c292bad}.offline-overlay small{color:#9bafaa;font-size:10px}.preview-hover{z-index:3;color:#fff;opacity:0;background:#284341a1;border:1px solid #ffffff85;border-radius:50%;place-items:center;width:39px;height:39px;transition:all .2s;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.8)}.camera-card:hover .preview-hover{opacity:1;transform:translate(-50%,-50%)scale(1)}.camera-card-footer{justify-content:space-between;gap:12px;min-height:64px;padding:12px 13px 11px;display:flex}.camera-card-footer h3{color:#394a4c;letter-spacing:-.02em;font:600 12px Manrope,sans-serif}.camera-card-footer p{color:#9aa7a4;margin-top:3px;font-size:10px}.card-footer-right{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.signal{color:#81a097;align-items:center;gap:4px;font:9px DM Mono,monospace;display:inline-flex}.signal-offline{color:#c4938e}.signal-private{color:#81a097}.activity-badge{color:#7a9690;white-space:nowrap;align-items:center;gap:4px;font-size:9px;display:inline-flex}.activity-badge>span{background:#82bea7;border-radius:50%;width:5px;height:5px}.badge-amber>span{background:#e2b86d}.badge-blue>span{background:#91b9c6}.badge-slate>span{background:#b7c2bd}.panel-card{border:1px solid var(--line);background:#fff;border-radius:10px}.control-panel{min-width:0;padding:17px 16px 15px}.panel-heading{justify-content:space-between;align-items:flex-end;gap:10px;display:flex}.compact-heading{align-items:center}.panel-heading h2{font-size:17px}.control-panel>.status-pill{align-self:center}.selected-preview{background:#1d3639;border-radius:8px;height:175px;margin-top:14px;position:relative;overflow:hidden}.selected-preview-top{z-index:3;color:#dbeae4;justify-content:space-between;font:8px DM Mono,monospace;display:flex;position:absolute;top:10px;left:11px;right:11px}.selected-preview-top>span:first-child{align-items:center;gap:5px;display:inline-flex}.record-dot{background:#e98b7e;border-radius:50%;width:5px;height:5px;box-shadow:0 0 0 3px #e98b7e21}.selected-preview-message{z-index:3;color:#d5e4df;background:#152d2f61;justify-content:center;align-items:center;gap:7px;font-size:11px;display:flex;position:absolute;inset:0}.expand-preview{z-index:4;color:#eaf5ef;background:#13272978;border:1px solid #ffffff2b;border-radius:5px;place-items:center;width:26px;height:26px;display:grid;position:absolute;bottom:8px;right:9px}.preview-actions{z-index:4;gap:5px;display:flex;position:absolute;bottom:8px;right:9px}.preview-actions .expand-preview{position:static}.webrtc-preview,.mse-preview{background:#172c30;position:absolute;inset:0}.stream-state{z-index:2;color:#b9cfca;background:#12282a8c;place-items:center;font-size:10px;display:grid;position:absolute;inset:0}.control-section{border-bottom:1px solid var(--line);padding:16px 0 14px}.control-label-row{color:#647674;justify-content:space-between;align-items:center;font-size:10px;font-weight:600;display:flex}.control-muted{color:#acb8b5;font-size:9px;font-weight:400}.control-row{justify-content:space-between;align-items:center;gap:12px;margin-top:12px;display:flex}.d-pad{background:#f7faf8;border:1px solid #e3ebe7;border-radius:8px;grid-template-rows:repeat(3,25px);grid-template-columns:repeat(3,28px);gap:2px;padding:3px;display:grid}.control-button{color:#76938c;background:#fff;border:1px solid #e1e9e5;border-radius:5px;place-items:center;display:grid}.control-button:hover{color:#39766a;background:#f0faf5;border-color:#acd1c3}.control-button:disabled{color:#bcc8c4;cursor:not-allowed;background:#f2f5f3}.center-dot{border:1px solid #8aa29b;border-radius:50%;width:5px;height:5px}.quick-actions{flex-direction:column;align-items:flex-end;gap:7px;display:flex}.quick-action{color:#899c98;background:0 0;align-items:center;gap:6px;font-size:9px;display:flex}.quick-action.active,.quick-action.active svg{color:#4d8e7c}.quick-status{color:#a0adaa;align-items:center;gap:6px;font-size:9px;display:flex}.camera-details{grid-template-columns:repeat(3,1fr);gap:6px;padding:15px 0 13px;display:grid}.camera-details div{flex-direction:column;gap:5px;min-width:0;display:flex}.camera-details span{color:#a3afac;font-size:8px}.camera-details strong{color:#536966;white-space:nowrap;align-items:center;gap:3px;font:500 9px DM Mono,monospace;display:flex}.manage-button{color:#4f8d7c;background:#f4faf7;border:1px solid #d4e7df;border-radius:6px;justify-content:center;align-items:center;gap:7px;width:100%;padding:9px;font-size:10px;font-weight:600;display:flex}.manage-button svg:last-child{margin-left:2px}.empty-state{color:#85a098;background:#fbfdfc;border:1px dashed #cdded7;border-radius:10px;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;gap:8px;min-height:200px;display:flex}.empty-state strong{color:#5f7771;font-size:13px}.empty-state span{color:#9aa9a5;font-size:11px}.activity-panel{margin-top:35px;padding:19px 19px 15px}.text-button{color:#5a9585;background:0 0;align-items:center;gap:4px;font-size:10px;display:flex}.activity-list{grid-template-columns:repeat(4,1fr);margin-top:20px;display:grid}.activity-item{align-items:flex-start;gap:9px;min-width:0;padding-right:18px;display:flex;position:relative}.activity-icon{border-radius:8px;flex-shrink:0;place-items:center;width:29px;height:29px;display:grid}.icon-rose{color:#cb7d76;background:#fae8e4}.icon-gold{color:#c49850;background:#fbf0dc}.icon-mint{color:#609f8b;background:#e3f3eb}.icon-blue{color:#739aa8;background:#e7f0f3}.activity-copy{flex-direction:column;gap:3px;min-width:0;padding-top:1px;display:flex}.activity-copy strong{color:#536664;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:600;overflow:hidden}.activity-copy span,.activity-item time{color:#a1aeaa;font-size:9px}.activity-item time{white-space:nowrap;margin-left:auto;padding-top:2px}.activity-line{background:#e3ebe7;height:1px;position:absolute;top:14px;left:39px;right:13px;transform:translate(24px)}.activity-footer{border-top:1px solid #edf1ef;justify-content:space-between;align-items:center;gap:20px;margin:21px -2px 0;padding:13px 13px 1px;display:flex}.event-summary{align-items:center;gap:8px;display:flex}.summary-icon{color:#ae9867;background:#fbf2df;border-radius:50%;place-items:center;width:27px;height:27px;display:grid}.event-summary>span:last-child{flex-direction:column;gap:2px;display:flex}.event-summary strong{color:#61726f;font-size:10px;font-weight:600}.event-summary small{color:#a0aca9;font-size:9px}.summary-bars{align-items:flex-end;gap:3px;height:26px;display:flex}.summary-bars i{background:#c8e1d6;border-radius:3px 3px 0 0;width:5px;display:block}.summary-bars i:first-child,.summary-bars i:nth-child(8){height:8px}.summary-bars i:nth-child(2),.summary-bars i:nth-child(6){height:15px}.summary-bars i:nth-child(3),.summary-bars i:nth-child(10){height:21px}.summary-bars i:nth-child(4),.summary-bars i:nth-child(7){height:12px}.summary-bars i:nth-child(5),.summary-bars i:nth-child(11){background:#82b9a5;height:25px}.summary-bars i:nth-child(9),.summary-bars i:nth-child(12){height:18px}.page-footer{color:#a0ada9;justify-content:space-between;align-items:center;gap:15px;padding:24px 2px 0;font-size:9px;display:flex}.page-footer span{align-items:center;gap:5px;display:inline-flex}.page-footer span svg{color:#75ae99}.page-footer button{color:#6d9b8e;background:0 0;align-items:center;gap:4px;font-size:9px;display:inline-flex}.toast{z-index:20;color:#e7f5ee;background:#234642;border:1px solid #3e736a;border-radius:8px;align-items:center;gap:9px;padding:11px 14px 11px 10px;font-size:11px;animation:.25s ease-out toast-in;display:flex;position:fixed;bottom:24px;right:27px;box-shadow:0 10px 25px #1434302e}.toast-check{color:#b4e4d0;background:#377066;border-radius:6px;place-items:center;width:22px;height:22px;display:grid}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.camera-scene{background:#30494a;position:absolute;inset:0;overflow:hidden}.stream-video{object-fit:contain;background:#172c30;width:100%;height:100%;display:block}.stream-mjpeg{object-fit:cover;background:#172c30;width:100%;height:100%;display:block}.stream-unavailable{color:#b7c9c4;text-align:center;background:#1b3134;flex-direction:column;justify-content:center;align-items:center;gap:7px;display:flex;position:absolute;inset:0}.stream-unavailable strong{color:#d2dfdb;font-size:12px}.stream-unavailable span{color:#90aaa3;font-size:10px}.scene-sky{background:linear-gradient(160deg,#263d43 0%,#58716a 47%,#b59b78 100%);position:absolute;inset:0}.scene-vignette{z-index:5;pointer-events:none;background:radial-gradient(#0000 35%,#1121215c 100%);position:absolute;inset:0}.scene-grain{z-index:6;opacity:.12;mix-blend-mode:soft-light;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E");position:absolute;inset:0}.scene-glow{z-index:1;filter:blur(10px);opacity:.6;border-radius:50%;position:absolute}.glow-one{background:#e8bc796e;width:40%;height:42%;top:17%;left:38%}.glow-two{background:#6eb8a45c;width:29%;height:29%;top:45%;right:-5%}.moon{z-index:2;background:#dce5ce;border-radius:50%;width:35px;height:35px;position:absolute;top:19%;right:18%;box-shadow:0 0 21px #d5e2cd5c}.moon:after{content:"";background:#334c4d;border-radius:50%;width:32px;height:32px;position:absolute;top:-4px;left:9px}.backyard-tree{z-index:2;width:70px;height:125px;position:absolute;bottom:28%}.backyard-tree:after{content:"";background:#263c39;border-radius:50% 50% 5px 5px;width:9px;height:88px;position:absolute;bottom:0;left:35px}.backyard-tree i{background:#203b3a;border-radius:50%;display:block;position:absolute}.backyard-tree i:first-child{width:54px;height:60px;top:8px;left:2px}.backyard-tree i:nth-child(2){width:58px;height:58px;top:0;right:0}.backyard-tree i:nth-child(3){width:45px;height:49px;top:42px;left:14px}.tree-left{left:4%;transform:scale(1.13)}.tree-right{opacity:.8;bottom:25%;right:1%;transform:scale(1.4)}.backyard-fence{z-index:2;opacity:.78;clip-path:polygon(0 24%,100% 0,100% 100%,0 100%);background:repeating-linear-gradient(90deg,#697c6e 0 5px,#0000 5px 18px),linear-gradient(#70836f,#435d55);height:22%;position:absolute;bottom:28%;left:0;right:0}.backyard-pool{z-index:2;background:repeating-linear-gradient(170deg,#82cdc094 0 3px,#468d8a99 3px 7px);border-radius:50%;height:28%;position:absolute;bottom:12%;left:12%;right:14%;transform:perspective(90px)rotateX(12deg);box-shadow:0 4px #1134334d}.backyard-deck{z-index:3;background:repeating-linear-gradient(90deg,#72584d 0 10px,#866c5b 10px 12px);height:29%;position:absolute;bottom:-14%;left:-4%;right:-4%;transform:rotate(-4deg)}.patio-light{z-index:4;background:#ffe3a4;border-radius:50%;width:7px;height:7px;position:absolute;box-shadow:0 0 14px 5px #ffce788c}.light-left{bottom:33%;left:33%}.light-right{bottom:29%;right:28%}.scene-front-door .scene-sky{background:linear-gradient(155deg,#b9b29a 0%,#d2c3a1 46%,#9d846f 100%)}.front-house{z-index:1;clip-path:polygon(0 9%,66% 0,100% 17%,100% 100%,0 100%);background:linear-gradient(112deg,#ffffff36 0 7%,#0000 7% 15%,#4c433b1f 15% 16%,#0000 16%),#afa896;position:absolute;inset:11% 0 0}.front-door-shape{z-index:2;background:linear-gradient(100deg,#4e4c48,#63564b);border:4px solid #897f6b;border-bottom:0;width:19%;height:63%;position:absolute;top:24%;left:41%;box-shadow:9px 0 #47433c1a}.front-door-shape:after{content:"";background:#e5bf74;border-radius:50%;width:5px;height:5px;position:absolute;top:51%;right:13%;box-shadow:0 0 8px #f3cf85}.front-window{z-index:2;background:linear-gradient(135deg,#526971,#a4b2aa);border:5px solid #9d8f7b;width:21%;height:25%;position:absolute;top:37%}.window-left{left:10%}.window-right{right:9%}.front-porch-light{z-index:3;background:#ffe5aa;border-radius:50%;width:9px;height:9px;position:absolute;top:32%;left:66%;box-shadow:0 0 25px 9px #ffd37fa3}.front-steps{z-index:2;clip-path:polygon(20% 0,80% 0,100% 100%,0 100%);background:repeating-linear-gradient(0deg,#8f8374 0 6px,#b1a18b 6px 10px);width:46%;height:21%;position:absolute;bottom:-2%;left:30%}.front-plant{z-index:3;background:#516b58;border-radius:50% 50% 10% 10%;width:42px;height:35px;position:absolute;bottom:16%;right:4%;transform:rotate(-11deg)}.scene-living-room .scene-sky{background:linear-gradient(142deg,#b6a18f,#d4c1a7 52%,#9f8976)}.living-wall-art{z-index:2;background:linear-gradient(140deg,#d49070,#7caa94);border:6px solid #7a6251;width:20%;height:25%;position:absolute;top:17%;left:17%}.living-window{z-index:2;background:linear-gradient(145deg,#546d6c,#a4c1b8);border:7px solid #aa896d;width:25%;height:40%;position:absolute;top:8%;right:9%}.living-sofa{z-index:3;background:#7c7f70;border-radius:10px 10px 3px 3px;width:57%;height:29%;position:absolute;bottom:14%;left:16%;box-shadow:0 -14px #8d9080}.living-cushion{z-index:4;background:#b27767;border-radius:7px;width:21%;height:17%;position:absolute;bottom:28%;left:54%;transform:rotate(5deg)}.living-lamp{z-index:3;background:#695d4e;width:5px;height:36%;position:absolute;bottom:35%;right:13%}.living-lamp:before{content:"";background:#d0a969;border-radius:50% 50% 7px 7px;width:39px;height:27px;position:absolute;top:-7px;left:-17px;box-shadow:0 0 24px #e7b66980}.living-table{z-index:4;background:#755d4d;border-radius:50%;width:18%;height:12%;position:absolute;bottom:4%;right:28%}.living-rug{z-index:2;opacity:.8;background:#b49b83;border-radius:50%;width:75%;height:31%;position:absolute;bottom:-15%;left:9%}.scene-garage .scene-sky{background:linear-gradient(145deg,#24383c,#596460 55%,#36484a)}.garage-door{z-index:2;background:repeating-linear-gradient(0deg,#0000 0 22px,#1a2b2c57 23px 27px),linear-gradient(90deg,#637170,#85918a);border:7px solid #4b5e5d;position:absolute;inset:8% 15% 4% 9%}.garage-shelf{z-index:3;background:repeating-linear-gradient(0deg,#0000 0 20px,#324848 21px 26px);border-top:5px solid #283d3d;border-bottom:5px solid #283d3d;width:22%;height:46%;position:absolute;top:29%}.shelf-left{left:0}.shelf-right{right:0}.garage-car{z-index:4;background:#3f5859;border-radius:32px 34px 2px 2px;width:57%;height:28%;position:absolute;bottom:-4%;left:22%;box-shadow:inset 0 8px #76928e61}.garage-car:before{content:"";background:#2e474a;border-radius:28px 28px 0 0;width:58%;height:40%;position:absolute;top:-27%;left:20%}.garage-light{z-index:4;background:#f4dba8;border-radius:5px;width:8%;height:5px;position:absolute;top:11%;left:48%;box-shadow:0 0 22px 9px #f4d69d4d}.scene-large .scene-sky{background-position:50%}@media (width<=1180px){.page-content{padding-left:26px;padding-right:26px}.topbar{padding:0 26px}.dashboard-grid{grid-template-columns:minmax(0,1.3fr) minmax(278px,.75fr)}.card-footer-right{gap:4px}.signal,.activity-badge{font-size:8px}}@media (width<=980px){.sidebar{width:218px}.main-area{width:calc(100% - 218px)}.metrics-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.control-panel{grid-template-columns:minmax(250px,1fr) 1fr;gap:0 18px;display:grid}.control-panel>.panel-heading{grid-column:1/-1}.selected-preview{grid-row:span 3;height:100%;min-height:225px}.control-section,.camera-details{padding-top:14px}.manage-button{grid-column:2}}@media (width<=720px){.sidebar{z-index:30;width:246px;transition:transform .24s;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:12px 0 35px #182f2c38}.sidebar.sidebar-open{transform:translate(0)}.sidebar-close{display:block}.main-area{width:100%}.topbar{height:61px;padding:0 17px}.mobile-menu{display:block}.breadcrumb{margin-left:14px;margin-right:auto}.topbar-actions{gap:7px}.search-field{background:0 0;border:0;width:34px;padding:0 8px}.search-field input,.search-field kbd,.top-profile svg{display:none}.top-icon-button{padding:5px}.page-content{padding:25px 16px 22px}.welcome-row{flex-direction:column;align-items:flex-start}.weather-card{width:100%}.metrics-grid{gap:9px;margin-bottom:29px}.metric-card{min-height:111px;padding:13px}.metric-card>strong{font-size:23px}.section-heading{flex-direction:column;align-items:flex-start}.section-actions{justify-content:space-between;gap:8px;width:100%}.filter-tabs{max-width:calc(100% - 92px);overflow-x:auto}.filter-tabs button{padding:6px 7px}.camera-gallery{grid-template-columns:1fr}.camera-card-featured{grid-column:auto}.camera-card-featured .card-preview,.card-preview{height:205px}.control-panel{display:block}.selected-preview{height:220px;min-height:0}.manage-button{margin-top:0}.activity-list{grid-template-columns:repeat(2,1fr);row-gap:18px}.activity-item:nth-child(2) .activity-line{display:none}.activity-item time{margin-left:auto}.activity-footer{margin-top:16px}.page-footer{flex-direction:column;align-items:flex-start;padding-top:20px}.toast{bottom:16px;left:16px;right:16px}}@media (width<=420px){h1{font-size:29px}.weather-card{min-width:0}.weather-meta{margin-left:auto}.metrics-grid{grid-template-columns:repeat(2,1fr)}.metric-trend{font-size:8px}.metric-card>strong{font-size:21px}.section-actions{flex-direction:column;align-items:flex-start}.filter-tabs{max-width:100%}.add-camera{align-self:flex-end;margin-top:-40px}.activity-list{grid-template-columns:1fr}.activity-line{display:none}.activity-item{padding-right:0}.summary-bars{display:none}}.simple-app{color:#273438;background:#f4f6f5;min-height:100vh}.simple-header{background:#fff;border-bottom:1px solid #dfe6e2;justify-content:space-between;align-items:center;height:62px;padding:0 34px;display:flex}.simple-brand{color:#87938f;align-items:center;gap:9px;font-size:12px;display:flex}.simple-brand strong{color:#273b3c;letter-spacing:-.04em;font:700 17px Manrope,sans-serif}.simple-brand>span:nth-child(3){color:#c2cbc8}.simple-brand-mark{color:#3f897a;background:#e2f1eb;border-radius:8px;place-items:center;width:29px;height:29px;display:grid}.simple-header-actions{align-items:center;gap:15px;display:flex}.simple-lock-button{color:#8b9995;background:0 0;align-items:center;gap:5px;font-size:10px;display:inline-flex}.simple-lock-button:hover{color:#b66d68}.simple-connection{color:#9a6762;align-items:center;gap:7px;font:500 10px DM Mono,monospace;display:flex}.simple-connection>span{background:#dc968e;border-radius:50%;width:7px;height:7px}.simple-connection.is-connected{color:#4e907d}.simple-connection.is-connected>span{background:#69b596;box-shadow:0 0 0 3px #e4f4ec}.simple-main{width:min(940px,100% - 40px);margin:0 auto;padding:48px 0 30px}.simple-title-row{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:25px;display:flex}.simple-title-actions{align-items:center;gap:8px;display:flex}.simple-kicker{color:#6f9b8d;letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px;font:500 10px DM Mono,monospace}.simple-title-row h1{color:#273a3c;letter-spacing:-.06em;margin:0 0 6px;font:700 34px/1.1 Manrope,sans-serif}.simple-subtitle{color:#899693;font-size:12px}.simple-camera-tabs{gap:8px;margin:-3px 0 18px;display:flex}.simple-camera-tabs button{color:#8b9995;text-align:left;background:#fff;border:1px solid #dfe7e3;border-radius:6px;align-items:center;gap:7px;padding:8px 10px;font-size:10px;display:flex}.simple-camera-tabs button small{color:#aab5b1;margin-left:3px;font:9px DM Mono,monospace}.simple-camera-tabs button.active{color:#397c6d;background:#eff9f4;border-color:#a8cfbf}.simple-camera-tabs button:hover{border-color:#a8cfbf}.simple-name-editor{background:#fff;border:1px solid #dfe7e3;border-radius:7px;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:-3px 0 18px;padding:12px;display:grid}.simple-name-editor label{flex-direction:column;gap:5px;display:flex}.simple-name-editor label span,.simple-name-editor>small{color:#8d9c98;font-size:9px}.simple-name-editor input{color:#425552;background:#fbfdfc;border:1px solid #d6e2dd;border-radius:5px;outline:0;width:100%;height:32px;padding:0 9px;font-size:11px}.simple-name-editor input:focus{border-color:#82b8a6;box-shadow:0 0 0 3px #69a68f21}.simple-name-editor>small{grid-column:1/-1}.simple-button{color:#477e71;white-space:nowrap;background:#f5fbf8;border:1px solid #cce0d8;border-radius:6px;justify-content:center;align-items:center;gap:7px;padding:9px 12px;font-size:11px;font-weight:600;display:inline-flex}.simple-button:hover{background:#eaf7f1;border-color:#9fc7b8}.simple-grid{grid-template-columns:minmax(0,1.45fr) minmax(280px,.8fr);gap:17px;display:grid}.simple-card{background:#fff;border:1px solid #dfe7e3;border-radius:9px;box-shadow:0 3px 12px #23413a09}.simple-preview-card,.simple-controls-card{padding:17px}.simple-card-heading{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.simple-card-heading>div{flex-direction:column;gap:4px;display:flex}.simple-card-heading strong{color:#415355;font-size:13px;font-weight:600}.simple-card-heading span{color:#a0adaa;font-size:10px}.simple-card-heading-right{flex-direction:column;align-items:flex-end;gap:7px;display:flex}.quality-picker{background:#f5f8f6;border:1px solid #dfe7e3;border-radius:5px;gap:3px;padding:2px;display:flex}.quality-picker button{color:#9aa7a3;background:0 0;border-radius:3px;padding:3px 6px;font:500 8px DM Mono,monospace}.quality-picker button.active{color:#3e7e70;background:#fff;box-shadow:0 1px 3px #2c4f451a}.simple-badge{white-space:nowrap;background:#e8f5ef;border-radius:4px;padding:5px 7px;font:500 9px DM Mono,monospace;color:#4c8e7c!important}.simple-preview-wrap{background:#1e393c;border-radius:6px;height:295px;position:relative;overflow:hidden}.simple-preview-wrap img{object-fit:cover;width:100%;height:100%;display:block}.live-video{background:#1e393c;position:absolute;inset:0}.live-video video-rtc,.live-video video{object-fit:contain;background:#1e393c;width:100%;height:100%;display:block}.live-latency{z-index:2;color:#eaf4ee;background:#142a2a9e;border-radius:4px;padding:4px 7px;font:9px DM Mono,monospace;position:absolute;bottom:10px;right:10px}.simple-preview-label{color:#eaf4ee;background:#142a2a9e;border-radius:4px;align-items:center;gap:6px;padding:5px 7px;font:9px DM Mono,monospace;display:inline-flex;position:absolute;top:10px;left:10px}.simple-preview-label span{background:#71c6a2;border-radius:50%;width:5px;height:5px}.simple-preview-error{color:#d3e0dc;flex-direction:column;justify-content:center;align-items:center;gap:7px;height:100%;display:flex}.simple-preview-error strong{font-size:12px}.simple-preview-error span{color:#9db0aa;font-size:10px}.simple-full-button{width:100%;margin-top:12px}.simple-controls-card{flex-direction:column;display:flex}.simple-position{white-space:nowrap;padding-top:2px;color:#91a09c!important;font:9px DM Mono,monospace!important}.simple-dpad{background:#f5f9f7;border:1px solid #e0e9e4;border-radius:9px;grid-template-rows:repeat(3,48px);grid-template-columns:repeat(3,48px);align-self:center;gap:5px;margin:auto 0 17px;padding:6px;display:grid}.simple-dpad button{color:#5f8d81;touch-action:manipulation;background:#fff;border:1px solid #d6e4df;border-radius:6px;place-items:center;display:grid}.simple-dpad button:hover,.simple-dpad button.is-moving{color:#2e7667;background:#effaf5;border-color:#8dbcae}.simple-dpad button:disabled{color:#b9c5c1;cursor:wait;background:#f0f4f2}.simple-center span{border:2px solid #7ca89c;border-radius:50%;width:10px;height:10px}.simple-stop{color:#af6c66;background:#fff8f7;border:1px solid #efd8d4;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:8px;font-size:10px;font-weight:600;display:inline-flex}.simple-stop:hover{background:#fcece9}.simple-message{color:#8c9a96;text-align:center;min-height:30px;margin:12px 0 0;font-size:10px;line-height:1.5}.simple-info-card{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:17px;padding:15px 17px;display:grid}.simple-info-card div{flex-direction:column;gap:5px;min-width:0;display:flex}.simple-info-card span{color:#a1aeaa;font-size:9px}.simple-info-card strong{color:#536865;text-overflow:ellipsis;white-space:nowrap;font:500 10px DM Mono,monospace;overflow:hidden}.simple-footer{color:#96a39f;align-items:center;gap:6px;margin:18px 1px 0;font-size:10px;display:flex}.simple-footer svg{color:#6fac98}.login-loading{color:#7e918b;background:#f4f6f5;place-items:center;min-height:100vh;font-size:12px;display:grid}.login-app{color:#273438;background:#f4f6f5;place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:#fff;border:1px solid #dfe7e3;border-radius:10px;width:min(390px,100%);padding:31px;box-shadow:0 10px 35px #23413a12}.login-mark{color:#3f897a;background:#e2f1eb;border-radius:10px;place-items:center;width:40px;height:40px;margin-bottom:21px;display:grid}.login-card h1{color:#273a3c;letter-spacing:-.06em;margin:0 0 7px;font:700 28px/1.1 Manrope,sans-serif}.login-subtitle{color:#8b9995;margin-bottom:24px;font-size:12px}.login-form{flex-direction:column;gap:14px;display:flex}.login-form label{color:#687a75;flex-direction:column;gap:6px;font-size:10px;font-weight:600;display:flex}.login-form input{color:#354946;background:#fbfdfc;border:1px solid #d6e2dd;border-radius:6px;outline:0;height:40px;padding:0 11px;font-size:12px}.login-form input:focus{border-color:#82b8a6;box-shadow:0 0 0 3px #69a68f21}.login-submit{color:#fff;background:#367b6c;border-radius:6px;height:40px;margin-top:3px;font-size:11px;font-weight:600}.login-submit:hover{background:#2d6d5f}.login-submit:disabled{opacity:.6;cursor:wait}.login-error{color:#b56762;margin:-2px 0 0;font-size:10px}.login-note{color:#9aa7a3;align-items:center;gap:6px;margin:22px 0 0;font-size:9px;display:flex}.login-note svg{color:#6fac98}@media (width<=720px){.simple-header{height:56px;padding:0 16px}.simple-brand>span:last-child{display:none}.simple-header-actions{gap:9px}.simple-connection{font-size:9px}.simple-main{width:min(560px,100% - 28px);padding-top:30px}.simple-title-row{flex-direction:column;align-items:flex-start;gap:14px}.simple-title-row h1{font-size:29px}.simple-title-actions{width:100%}.simple-title-actions .simple-button{flex:1}.simple-camera-tabs{overflow-x:auto}.simple-camera-tabs button{min-width:max-content}.simple-name-editor{grid-template-columns:1fr}.simple-name-editor>small{grid-column:auto}.simple-grid{grid-template-columns:1fr}.simple-preview-wrap{height:245px}.simple-controls-card{min-height:355px}.simple-info-card{grid-template-columns:repeat(2,1fr)}.simple-footer{align-items:flex-start}}