:root{--ink:#213c34;--green:#28664d;--muted:#7c8580;--border:#e7ebe6;--bg:#f7f8f4}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible{outline:3px solid #d5a656;outline-offset:4px}[hidden]{display:none!important}.sidebar{position:fixed;inset:0 auto 0 0;width:248px;background:#fff;border-right:1px solid var(--border);padding:36px 25px;display:flex;flex-direction:column}.brand{font-size:23px;font-weight:750;letter-spacing:-1px;color:var(--ink);text-decoration:none;white-space:nowrap}.brand-icon{display:inline-grid;place-items:center;background:var(--green);color:#fff;width:32px;height:34px;border-radius:10px;margin-right:7px;font-size:27px}.brand-dot{color:#e5ac68}.house{display:flex;gap:13px;border:1px solid var(--border);border-radius:12px;padding:16px 12px;margin:40px 0 30px;font-weight:600}.house>span{font-size:25px}.house small{display:block;font-size:10px;color:var(--muted);margin-top:6px;font-weight:400}.nav-label{font-size:10px;letter-spacing:1.7px;color:#9aa29c;margin:0 0 13px 13px}nav{display:grid;gap:7px}.nav{display:flex;align-items:center;text-align:left;gap:13px;background:none;color:#7a837d;padding:14px;border-radius:8px;font-weight:500}.nav>span{font-size:20px}.nav.active{background:#edf3ed;color:var(--green);font-weight:650}.nav b{margin-left:auto;background:#e1eadd;padding:2px 6px;font-size:10px;border-radius:4px}.sidebar-bottom{margin-top:auto;padding:20px 12px 0}.connection{display:flex;align-items:center;gap:7px;font-size:10px}.connection i,.hero-tag i{height:6px;width:6px;border-radius:50%;background:#75a881;display:inline-block}.sidebar-bottom>small{display:block;color:#a0a59f;line-height:1.7;font-size:11px;margin-top:20px}.workspace{margin-left:248px}header{height:80px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 46px;font-size:12px}.breadcrumb{color:#929b94}.slash{margin:0 15px;color:#ccd1ca}.header-right{display:flex;align-items:center;gap:20px}.badge{background:#f6eddc;color:#8e7040;padding:7px 10px;border-radius:20px;font-size:10px}.avatar{width:45px;height:45px;display:grid;place-items:center;border-radius:50%;font-size:19px;font-weight:650;flex-shrink:0}.parent{width:31px;height:31px;background:#e9ede4;font-size:12px}main{max-width:1450px;margin:auto;padding:39px 46px 0}.page-title{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:29px}.eyebrow{font-size:9px;letter-spacing:2px;font-weight:650;color:#899488;margin-bottom:11px}h1{font-size:38px;letter-spacing:-1.5px;line-height:1.1;margin:0 0 12px;font-weight:650}h1>span{color:#d3a36c}.page-title p,.section-title p{color:var(--muted);margin:0;font-size:12px}.primary{background:var(--green);color:#fff;padding:13px 18px;border-radius:8px;font-size:12px;font-weight:600;white-space:nowrap}.hero{background:#eaf0e3;border:1px solid #e3eada;border-radius:16px;min-height:270px;display:flex;justify-content:space-between;overflow:hidden;position:relative;padding:30px 35px}.hero-tag{display:inline-flex;gap:7px;align-items:center;font-size:10px;color:#678064}.hero h2{font-family:Georgia,serif;font-size:35px;line-height:1.15;font-weight:400;letter-spacing:-.8px;margin:17px 0 13px}.hero p{color:#78846e;font-size:11px;line-height:1.8;margin:0}.hero a{display:inline-block;color:var(--ink);font-size:10px;text-decoration:none;margin-top:20px;border-bottom:1px solid #b3bea6;padding-bottom:5px}.hero a span{margin-left:34px}.illustration{width:46%;position:relative;align-self:stretch}.orbit{position:absolute;width:280px;height:280px;border:1px solid #d8e2cb;border-radius:50%;left:15%;top:-18px}.orbit-two{width:345px;height:345px;left:7%;top:-50px}.phone-art{position:absolute;right:24%;top:9px;transform:rotate(10deg);width:125px;height:210px;border:5px solid #fff;border-radius:23px;background:#f8f9f2;box-shadow:8px 14px 30px #66765620;text-align:center}.phone-art>div{background:#dce2d6;width:37px;height:8px;border-radius:0 0 8px 8px;margin:0 auto 25px}.phone-art>span{display:block;font-size:34px;color:#789363;margin-bottom:13px}.phone-art strong{font:17px Georgia;line-height:1.25;display:block}.phone-art small{font-size:5px;letter-spacing:1px;display:block;margin-top:18px;color:#7d8d75}.sun{position:absolute;right:15%;top:5px;color:#cda96e;font-size:42px}.float-label{position:absolute;right:7%;bottom:13px;background:#fff;padding:12px 17px;border-radius:10px;box-shadow:0 8px 20px #66765615;font-size:10px;transform:rotate(-5deg)}.plant{position:absolute;left:15%;bottom:5px;width:65px;height:120px}.plant b{position:absolute;bottom:0;width:45px;height:48px;background:#c9b99b;border-radius:3px 3px 17px 17px}.plant:before{content:'';position:absolute;left:23px;bottom:40px;width:2px;height:90px;background:#8a9d7d;transform:rotate(-8deg)}.plant span{position:absolute;left:0;top:20px;width:24px;height:44px;background:#9aa98a;border-radius:0 70% 0 70%;transform:rotate(-35deg)}.plant span:nth-child(2){left:27px;top:6px;transform:rotate(32deg)}.plant span:nth-child(3){left:28px;top:44px;transform:rotate(50deg);background:#b0bc9d}.plant span:nth-child(4){top:53px;transform:rotate(-48deg);background:#b0bc9d}.dot-grid{position:absolute;right:1%;top:85px;color:#b7c6a4;font-size:28px;line-height:.6;letter-spacing:7px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:23px 0 35px}.stat{background:white;border:1px solid var(--border);border-radius:11px;padding:19px 16px;display:flex;align-items:flex-start;gap:13px}.stat-icon{background:#eef2eb;color:#77916b;border-radius:9px;padding:9px;font-size:19px}.stat:nth-child(3) .stat-icon{background:#f6eee6;color:#b99472}.stat:nth-child(4) .stat-icon{background:#eeeefa;color:#9691b8}.stat strong{font-size:25px;line-height:1;display:block;font-weight:600;margin:1px 0 9px}.stat div>span{display:block;font-size:11px;font-weight:550}.stat small{display:block;color:#9ba199;font-size:9px;margin-top:6px}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:19px;gap:15px}h2{font-size:19px;font-weight:600;margin:0 0 8px;letter-spacing:-.4px}.section-title h2>span{font-size:10px;margin-left:8px;background:#e9ede5;border-radius:5px;padding:3px 7px;vertical-align:middle;color:#7d8876}.subtle{font-size:10px;color:#959d90}.people-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.person-card{background:#fff;border:1px solid var(--border);border-radius:13px;padding:23px 22px}.person-top{display:flex;align-items:center;gap:12px;margin-bottom:19px}.color-0{background:#eee4cf;color:#9e8355}.color-1{background:#ebe5ef;color:#95839f}.color-2{background:#dbe9eb;color:#6a9397}.color-3{background:#e6eccf;color:#83905e}.person-top h3{font-size:16px;margin:0 0 5px;font-weight:600}.person-top small{color:#92998e;font-size:10px}.person-state{margin-left:auto;border:1px solid #deeadc;background:#f2f7ee;color:#78996d;border-radius:20px;font-size:9px;padding:5px 9px;white-space:nowrap}.person-state.paused{color:#b29171;background:#fbf4ec;border-color:#efe4d6}.device{display:flex;align-items:center;gap:10px;padding:13px 0;border-bottom:1px solid #f0f1ed;min-width:0}.device:last-child{border:0}.device-icon{width:31px;height:35px;background:#f7f8f5;color:#8a9384;display:grid;place-items:center;border:1px solid #edefe7;border-radius:6px;font-size:22px;flex-shrink:0}.device-info{flex:1;min-width:0}.device-info strong{font-size:11px;font-weight:550;display:block;overflow-wrap:anywhere}.device-info small{display:block;color:#a4aaa0;font-size:9px;margin-top:5px}.status{font-size:9px;white-space:nowrap}.allowed{color:#7b9b70}.blocked{color:#b29b83}.icon-button{border:1px solid #e8ece3;background:#fff;color:#819077;border-radius:6px;min-width:29px;height:29px;font-size:14px;padding:0 6px}.icon-button:hover{background:#eff5e9}.person-actions{display:flex;gap:8px;margin-top:20px}.person-actions button{padding:11px 7px;border:1px solid #e4e9df;background:#fff;border-radius:7px;font-size:10px;color:#7e8d73;flex:1}.person-actions .pause-button{background:#f0f3eb;color:#536a47;border-color:#e3e9d9}.timer-button{width:100%;display:block;background:none;color:#8d9587;text-align:left;font-size:10px;padding:15px 0 0}.timer-button span{float:right}.timer{font-size:9px;color:#a48448;margin-top:6px;line-height:1.5}.timer button{padding:0 4px;color:#9d8557;background:#f7f1e4;border-radius:3px}.bottom-note{display:flex;align-items:center;gap:15px;border:1px dashed #dbe3d3;background:#f2f5ed;padding:19px 22px;border-radius:10px;margin-top:24px;color:#7f9170}.bottom-note>span{font-size:27px}.bottom-note strong{font-size:11px;font-weight:500}.bottom-note p{font-size:10px;margin:5px 0 0;color:#97a18e}footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e6e9df;margin-top:35px;padding:23px 0;color:#a5ad9e;font-size:9px}footer span:first-child{font-size:13px;font-weight:600;letter-spacing:-.5px}.search-bar{display:flex;gap:14px;padding:15px;background:white;border:1px solid var(--border);border-radius:10px;margin-bottom:20px;align-items:center}.search-bar>span{font-size:23px}.search-bar input{border:0;flex:1;padding:10px;min-width:80px;background:white}.search-bar select{max-width:160px}.full-device{background:#fff;border:1px solid var(--border)!important;padding:18px;margin-bottom:10px;border-radius:10px}.full-device .device-info strong{font-size:13px}.full-device .device-info small{font-size:10px}.assign{max-width:165px}.event{display:flex;gap:15px;padding:20px;border:1px solid var(--border);background:#fff;border-radius:10px;margin-bottom:10px;font-size:13px}.event small{display:block;margin-top:8px;color:var(--muted);font-size:11px}.event-icon{color:#8f9f83;font-size:22px}.settings-card{background:white;border:1px solid var(--border);border-radius:12px;padding:25px;line-height:1.8;max-width:850px}.settings-card p{color:var(--muted)}.settings-card h3{font-size:15px;margin-top:25px}.empty{font-size:12px;color:var(--muted);padding:25px 0}dialog{border:1px solid var(--border);border-radius:18px;padding:30px;max-width:430px;width:calc(100% - 36px);color:var(--ink);box-shadow:0 25px 100px #18372630}dialog::backdrop{background:#193c344c;backdrop-filter:blur(3px)}dialog form{display:flex;flex-direction:column;gap:14px}dialog h2{font-size:23px;margin:0}dialog p{color:var(--muted);font-size:12px;line-height:1.7;margin:0}dialog label{font-size:12px;margin-top:5px}input,select{border:1px solid #dfe6d8;background:#fcfdf9;border-radius:7px;padding:12px;color:var(--ink)}.close{position:absolute;right:15px;top:12px;background:none;color:#929d8a;font-size:23px}.modal-icon{width:43px;height:43px;background:#eff4e9;border-radius:13px;display:grid;place-items:center;font-size:23px;color:#8ba176}.hint{background:#f6f7f2;padding:10px;border-radius:6px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#244c3c;color:white;padding:15px 23px;border-radius:10px;max-width:90vw;box-shadow:0 5px 30px #0002;z-index:5;font-size:12px}#toast.error{background:#8c493b}.error-text{color:#a75e43}.notice{background:#fff0dd;border:1px solid #eedac0;padding:15px;border-radius:10px;margin-bottom:15px;font-size:12px}.busy button{pointer-events:none;opacity:.55}@media(min-width:1500px){main{padding-top:45px}.hero{min-height:295px}.hero h2{font-size:41px}.illustration{max-width:480px}}@media(max-width:1150px){.sidebar{width:210px;padding:30px 17px}.workspace{margin-left:210px}main{padding:30px 25px 0}header{padding:0 25px}.stats{gap:10px}.stat{padding:15px 10px;gap:8px}.stat small{display:none}.person-card{padding:18px 15px}.device{gap:7px}.person-state{font-size:8px;padding:5px}.status{font-size:8px}.person-top{gap:9px}.icon-button{min-width:26px}.brand{font-size:21px}}@media(max-width:900px){.sidebar{width:78px;padding:28px 13px}.brand{font-size:0}.brand-icon{margin:0;width:46px;height:42px}.brand-dot,.house,.nav-label,.sidebar-bottom{display:none}nav{margin-top:35px}.nav{font-size:0;padding:13px;justify-content:center}.nav>span{font-size:23px}.nav b{display:none}.workspace{margin-left:78px}.people-grid{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}.stat small{display:block}.hero{padding:25px}.illustration{width:45%}.plant{left:0}.phone-art{right:15%}.float-label{right:0}.sun{right:0}.orbit{left:-10%}.orbit-two{left:-24%}.dot-grid{display:none}.full-device{flex-wrap:wrap}.full-device .device-info{min-width:160px}.full-device .assign{margin-left:auto}}@media(max-width:600px){.sidebar{top:auto;bottom:0;width:100%;height:67px;padding:0;z-index:3;border-right:0;border-top:1px solid var(--border)}.brand{display:none}nav{margin:0;display:flex;height:100%;justify-content:space-around;gap:0}.nav{display:flex;flex-direction:column;font-size:9px;gap:4px;padding:9px 12px;border-radius:0;background:none!important}.nav>span{font-size:21px}.nav.active{color:var(--green)}.workspace{margin-left:0}header{height:60px;padding:0 20px;font-size:10px}.header-right{gap:10px}.badge{font-size:8px}main{padding:25px 18px 75px}.page-title{align-items:flex-start;flex-direction:column;gap:18px;margin-bottom:22px}.page-title .primary{align-self:flex-start;padding:11px 14px}h1{font-size:33px}.page-title p{font-size:11px;line-height:1.7}.eyebrow{font-size:8px}.hero{min-height:245px;padding:24px 20px}.hero h2{font-size:29px}.hero-tag{font-size:8px}.hero p{font-size:9px}.hero a{font-size:9px}.illustration{width:38%}.phone-art{width:91px;height:167px;border-width:4px;right:0;top:30px;border-radius:18px}.phone-art>div{margin-bottom:17px;width:30px;height:6px}.phone-art>span{font-size:28px;margin-bottom:10px}.phone-art strong{font-size:13px}.phone-art small{font-size:4px;margin-top:12px}.plant{left:-18px;bottom:-3px;transform:scale(.65);transform-origin:bottom}.sun{font-size:25px;right:-4px;top:6px}.float-label{font-size:7px;padding:9px;bottom:4px;right:-4px;white-space:nowrap}.orbit{width:205px;height:205px;left:-65px;top:13px}.orbit-two{width:260px;height:260px;left:-92px;top:-15px}.stats{margin:18px 0 28px;gap:10px}.stat{padding:15px 12px}.stat-icon{font-size:17px;padding:8px}.stat strong{font-size:22px;margin-bottom:7px}.stat div>span{font-size:10px}.stat small{font-size:8px;line-height:1.5}.subtle{display:none}.section-title h2{font-size:18px}.section-title p{font-size:10px}.person-card{padding:19px 15px}.person-top h3{font-size:17px}.person-state{font-size:9px}.person-top{gap:12px}.device-info strong{font-size:11px}.status{font-size:8px}.device{gap:8px}.icon-button{min-width:29px}.person-actions button{font-size:11px;padding:13px 8px}.timer-button{font-size:11px;padding-top:17px}.bottom-note{padding:16px;gap:10px}.bottom-note p{font-size:9px;line-height:1.6}footer{margin-top:25px;font-size:8px}.search-bar{flex-wrap:wrap;padding:10px;gap:5px}.search-bar input{font-size:11px;width:80%}.search-bar select{max-width:none;width:100%;font-size:11px}.full-device{gap:9px;padding:13px}.full-device .device-info{min-width:150px;flex-basis:65%}.full-device .status{margin-left:40px}.full-device .assign{font-size:10px;padding:8px;max-width:130px}.full-device .icon-button{margin-left:auto}.full-device .icon-button:last-child{margin-left:0}.settings-card{padding:20px;font-size:12px}.event{font-size:12px}}

.edit-person{display:block;background:none;color:var(--green);padding:8px 0 0;font-size:11px;text-decoration:underline;text-underline-offset:3px;min-height:30px}.delete-person{background:#fcf1ed;color:#9b5140;border:1px solid #eedbd3;border-radius:8px;padding:12px}

#login-screen{min-height:100dvh;display:grid;place-items:center;padding:25px;background:radial-gradient(at 80% 20%,#e6efde,transparent 60%),var(--bg)}.login-card{width:100%;max-width:420px;background:white;border:1px solid var(--border);border-radius:20px;padding:35px;display:flex;flex-direction:column;gap:14px;box-shadow:0 20px 70px #244c3c0d}.login-card .brand{display:block;margin-bottom:20px;font-size:24px}.login-card h1{font-size:30px;line-height:1.2}.login-card p{color:var(--muted);font-size:12px;line-height:1.7;margin:0}.login-card label{font-size:12px}.login-card #login-error{color:#a34936}.signed-out>.sidebar,.signed-out>.workspace{display:none}body:not(.signed-out)>#login-screen{display:none}.user-row{align-items:center}.user-row>div{flex:1;overflow-wrap:anywhere}.user-row .primary{padding:11px;font-size:11px}#user-person-field{display:flex;flex-direction:column;gap:12px}.kids-mode .sidebar{display:none}.kids-mode .workspace{margin-left:0}.kids-mode main{max-width:1050px}.kid-device{background:#fff;border:1px solid var(--border);border-radius:20px;padding:30px;color:var(--ink);display:flex;flex-direction:column;align-items:center;gap:18px;min-height:300px;box-shadow:0 8px 30px #244c3c05}.kid-device:hover:not(:disabled){border-color:#8da77f;background:#fcfef8}.kid-device h2{margin:0}.kid-device .device-icon{height:55px;width:55px;font-size:35px;background:#edf4e6}.kid-label{font-size:10px;letter-spacing:2px;color:#8d9c80}.kid-time{font-variant-numeric:tabular-nums;font-size:25px;letter-spacing:1px}.kid-device small{font-size:11px;color:var(--muted)}.kid-blocked{opacity:.7!important}.kid-blocked .kid-time{color:#ad8a67}#countdown-dialog{max-width:760px;width:calc(100% - 32px);text-align:center;padding:60px 25px}#countdown-dialog h2{font-size:24px;margin-top:25px}.countdown-number{font-size:clamp(46px,12vw,110px);font-weight:600;letter-spacing:-2px;font-variant-numeric:tabular-nums;margin:35px 0;color:var(--green)}#countdown-dialog p{font-size:14px;line-height:1.8;color:var(--muted);margin-bottom:35px}.kids-mode .header-right{margin-left:auto}.kids-mode header>div:first-child{display:none}@media(max-width:600px){.login-card{padding:27px}.kids-mode main{padding-bottom:35px}.user-row{flex-wrap:wrap}.user-row .primary{margin-left:auto}.kids-mode .people-grid{grid-template-columns:1fr}}

.presence{display:block;width:fit-content;margin-top:8px;padding:4px 7px;border-radius:5px;font-size:10px;line-height:1.4}.presence-home{background:#eaf3e4;color:#47733b}.presence-away{background:#f2f3ef;color:#828b7b}.presence-unknown{background:#fbf0df;color:#9d7a3e}.presence-not_configured{background:#f4f5f1;color:#969e90}

body:not(.admin-mode) .admin-only{display:none!important}.role-options{border:1px solid var(--border);border-radius:8px;margin:0;padding:15px}.role-options legend{font-size:12px;padding:0 5px}.role-options label{display:flex;align-items:center;gap:10px;line-height:1.5;margin:10px 0;font-size:12px}.role-options input{accent-color:var(--green);width:18px;height:18px;flex-shrink:0}.profile-type{display:flex;flex-direction:column;gap:12px}.profile-tag{font-size:9px;margin-left:8px;border-radius:4px;background:#eef1e8;color:#89967d;padding:3px 5px;vertical-align:middle}

.presence-banner{display:flex;align-items:center;gap:13px;border:1px solid #e0e5da;border-radius:12px;padding:17px;margin:0 0 13px;background:#f5f6f2;color:#7c8873}.presence-banner>div{min-width:0;flex:1}.presence-banner strong{font-size:20px;font-weight:700;display:block;line-height:1.25;letter-spacing:-.4px}.presence-banner small{display:block;font-size:11px;line-height:1.6;margin-top:5px;overflow-wrap:anywhere}.presence-banner .presence-symbol{width:43px;height:43px;border-radius:50%;display:grid;place-items:center;font-size:30px;flex-shrink:0;background:#fff8}.presence-banner.presence-home{background:#e3f4dc;border:2px solid #71a65f;color:#295e24}.presence-card-home{border-color:#85b874;box-shadow:inset 0 5px #71a65f}.presence-home .presence-symbol{background:#397d30;color:white}.home-dot{width:12px;height:12px;border-radius:50%;background:#438f36;box-shadow:0 0 0 5px #438f3615;flex-shrink:0}.presence-banner.presence-away{background:#f9f3e9;color:#9a7344;border-color:#eadac2}.presence-banner.presence-unknown{background:#fff2d8;color:#946d2e;border-color:#e9cf9d}.presence-banner .presence-hint{font-size:10px;color:#9c8b73}.presence-banner.presence-not_configured strong{font-size:15px}.presence-card-home .avatar{box-shadow:0 0 0 3px #d8edcd}@media(max-width:600px){.presence-banner{padding:14px;gap:10px}.presence-banner strong{font-size:21px}.presence-banner small{font-size:10px}}

.device-info small.last-seen{color:#7b8675;font-size:10px;line-height:1.5}.kid-device small.last-seen{font-size:11px;color:#7b8675}