:root{color:#172033;font-synthesis:none;text-rendering:optimizelegibility;background:#f6f7f9;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:#f6f7f9;margin:0}button,input{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh}.sidebar{z-index:20;background:#fff;border-right:1px solid #e8ebef;flex-direction:column;width:250px;padding:24px 18px;display:flex;position:fixed;top:0;bottom:0;left:0}.brand{align-items:center;gap:11px;padding:4px 8px 26px;display:flex}.brand-logo{color:#fff;background:#172033;border-radius:12px;place-items:center;width:40px;height:40px;display:grid}.brand-logo.large{width:54px;height:54px;margin:0 auto 20px}.brand strong{font-size:17px;display:block}.brand span{color:#8a93a3;margin-top:2px;font-size:12px;display:block}.side-nav{flex-direction:column;gap:4px;display:flex}.side-link{color:#687385;border-radius:10px;align-items:center;gap:12px;padding:11px 12px;font-size:14px;font-weight:500;text-decoration:none;display:flex}.side-link.active{color:#253a8f;background:#eef2ff}.sidebar-bottom{border-top:1px solid #edf0f3;justify-content:space-between;align-items:center;margin-top:auto;padding:18px 8px 2px;display:flex}.profile-mini{align-items:center;gap:10px;display:flex}.profile-mini strong,.profile-mini span{display:block}.profile-mini strong{font-size:13px}.profile-mini span{color:#8b94a3;margin-top:2px;font-size:11px}.avatar{background:#edf1f7;border-radius:50%;place-items:center;width:34px;height:34px;font-weight:700;display:grid}.logout{color:#8a93a3}.main-area{min-height:100vh;margin-left:250px}.topbar{z-index:10;background:#fffffff0;border-bottom:1px solid #e9ecef;justify-content:flex-end;align-items:center;gap:20px;height:70px;padding:0 32px;display:flex;position:sticky;top:0}.top-search{color:#8992a1;background:#f5f6f8;border-radius:9px;align-items:center;gap:9px;width:280px;padding:9px 13px;display:flex}.top-search input{color:#222b3a;background:0 0;border:0;outline:0;width:100%}.notification-button,.icon-button,.mobile-menu-button{color:#465164;background:0 0;border:0}.notification-button{place-items:center;width:38px;height:38px;display:grid;position:relative}.notification-button span{background:#e45858;border:2px solid #fff;border-radius:50%;width:7px;height:7px;position:absolute;top:7px;right:7px}.mobile-menu-button,.mobile-brand{display:none}.content{max-width:1500px;margin:0 auto;padding:34px}.page-header{justify-content:space-between;align-items:flex-start;margin-bottom:28px;display:flex}.page-header h1{letter-spacing:-.6px;margin:0;font-size:28px}.page-header p{color:#7a8494;margin:7px 0 0;font-size:14px}.primary-button,.secondary-button{border-radius:9px;padding:10px 16px;font-size:13px;font-weight:650}.primary-button{color:#fff;background:#172033;border:1px solid #172033}.primary-button.full{width:100%;margin-top:8px;padding:12px 16px}.text-button{color:#314b9d;background:0 0;border:0;align-items:center;gap:5px;padding:0;font-weight:600;display:inline-flex}.stats-grid{grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:36px;display:grid}.stat-card{background:#fff;border:1px solid #e6e9ed;border-radius:14px;padding:21px}.stat-top{color:#7c8695;justify-content:space-between;align-items:center;font-size:13px;display:flex}.stat-icon{color:#4a5669;background:#f3f5f8;border-radius:9px;place-items:center;width:37px;height:37px;display:grid}.stat-value{letter-spacing:-.5px;margin-top:14px;font-size:26px;display:block}.stat-detail{color:#8a94a2;margin-top:5px;font-size:12px;display:block}.section-header{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.section-header h2,.panel h2{margin:0;font-size:17px}.section-header p,.panel-header p{color:#8a93a2;margin:4px 0 0;font-size:12px}.children-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:30px;display:grid}.child-card{background:#fff;border:1px solid #e4e8ed;border-radius:14px;padding:21px}.child-card-top{align-items:center;gap:12px;display:flex}.person-avatar{color:#344057;background:#eef1f6;border-radius:50%;flex-shrink:0;place-items:center;width:44px;height:44px;font-weight:700;display:grid}.person-avatar.small{width:36px;height:36px;font-size:13px}.child-info{flex:1}.child-info strong,.child-info span{display:block}.child-info strong{font-size:15px}.child-info span{color:#8b94a1;margin-top:3px;font-size:12px}.status{border-radius:999px;align-items:center;padding:5px 9px;font-size:11px;font-weight:650;display:inline-flex}.child-metrics{border-top:1px solid #edf0f2;border-bottom:1px solid #edf0f2;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0;padding:18px 0;display:grid}.child-metrics div{color:#687385;align-items:center;gap:7px;font-size:12px;display:flex}.dashboard-columns{grid-template-columns:1.25fr .75fr;gap:18px;display:grid}.panel,.table-card{background:#fff;border:1px solid #e5e9ed;border-radius:14px}.panel{padding:21px}.panel-header{margin-bottom:13px}.activity-row{border-bottom:1px solid #eff1f3;align-items:center;gap:12px;padding:14px 0;display:flex}.activity-row:last-child{border-bottom:0}.activity-icon{color:#526075;background:#f3f5f8;border-radius:10px;flex-shrink:0;place-items:center;width:37px;height:37px;display:grid}.activity-content{flex:1}.activity-content strong,.activity-content span{display:block}.activity-content strong{font-size:13px}.activity-content span{color:#8992a0;margin-top:3px;font-size:11px}.activity-time{color:#969daa;font-size:11px}.security-score{align-items:center;gap:16px;padding:15px 0 20px;display:flex}.score-circle{color:#26784d;border:5px solid #e0f2e7;border-radius:50%;flex-shrink:0;place-items:center;width:63px;height:63px;font-size:18px;font-weight:750;display:grid}.security-score strong{font-size:14px}.security-score p{color:#818b99;margin:5px 0 0;font-size:12px;line-height:1.5}.security-check{color:#4f5c6e;align-items:center;gap:9px;padding:10px 0;font-size:12px;display:flex}.security-check span{color:#778394;margin-left:auto}.table-card{overflow:hidden}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:700px}th,td{text-align:left;border-bottom:1px solid #edf0f3;padding:16px 18px;font-size:13px}th{color:#818b99;text-transform:uppercase;letter-spacing:.3px;background:#fafbfc;font-size:11px}tbody tr:last-child td{border-bottom:0}.device-name{align-items:center;gap:10px;display:flex}.device-icon{background:#f1f3f6;border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.ready-status{color:#27784e;align-items:center;gap:5px;font-size:12px;display:inline-flex}.right{text-align:right}.location-layout{grid-template-columns:1.5fr .5fr;gap:18px;display:grid}.map-panel{min-height:550px;padding:0;overflow:hidden}.fake-map{background:linear-gradient(135deg,#edf1ed,#e5ece8);width:100%;height:550px;position:relative;overflow:hidden}.map-grid{opacity:.5;background-image:linear-gradient(#ced8d1 1px,#0000 1px),linear-gradient(90deg,#ced8d1 1px,#0000 1px);background-size:45px 45px;position:absolute;inset:0;transform:rotate(-10deg)scale(1.2)}.fake-map:before,.fake-map:after{content:"";background:#ffffffbf;border-radius:100px;width:650px;height:80px;position:absolute;transform:rotate(-25deg)}.fake-map:before{top:170px;left:-130px}.fake-map:after{bottom:120px;right:-200px;transform:rotate(34deg)}.map-marker{z-index:3;background:#fff;border-radius:9px;align-items:center;gap:4px;padding:7px 9px;font-size:12px;font-weight:650;display:flex;position:absolute;box-shadow:0 5px 18px #1e283226}.marker-one{top:37%;left:38%}.marker-two{top:60%;left:63%}.location-list h2{margin-bottom:16px}.location-device{border:1px solid #0000;border-radius:10px;align-items:center;gap:10px;margin-bottom:7px;padding:11px;display:flex}.location-device strong,.location-device span{display:block}.location-device strong{font-size:13px}.location-device span{color:#8b94a1;margin-top:3px;font-size:11px}.status-dot{background:#42a46f;border-radius:50%;width:8px;height:8px;margin-left:auto}.location-details{border-top:1px solid #edf0f3;margin-top:25px;padding-top:20px}.location-details h3{margin:0 0 12px;font-size:13px}.location-details>div{justify-content:space-between;padding:8px 0;font-size:12px;display:flex}.location-details span{color:#88919f}.alert-panel{padding:0 20px}.alert-row{border-bottom:1px solid #edf0f3;align-items:center;gap:13px;padding:18px 0;display:flex}.alert-row:last-child{border-bottom:0}.alert-icon{border-radius:10px;flex-shrink:0;place-items:center;width:39px;height:39px;display:grid}.alert-icon.warning{color:#a56621;background:#fff4e7}.alert-icon.success{color:#287950;background:#ebf7f0}.alert-body{flex:1}.alert-body strong,.alert-body span{display:block}.alert-body strong{font-size:13px}.alert-body span{color:#808a99;margin-top:4px;font-size:12px}.alert-time{color:#949ca8;font-size:11px}.settings-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.settings-card{text-align:left;color:#263144;background:#fff;border:1px solid #e4e8ed;border-radius:13px;justify-content:space-between;align-items:center;gap:20px;width:100%;padding:20px;display:flex}.settings-card:hover{border-color:#ccd4df;box-shadow:0 5px 20px #141e320a}.settings-card strong{font-size:14px}.settings-card p{color:#838d9b;margin:6px 0 0;font-size:12px}.login-page{background:radial-gradient(circle at 15% 10%,#edf1fb,#0000 30%),#f6f7f9;place-items:center;min-height:100vh;padding:24px;display:grid}.login-panel{background:#fff;border:1px solid #e2e6eb;border-radius:18px;width:100%;max-width:390px;padding:38px;box-shadow:0 20px 55px #19233714}.login-panel h1{text-align:center;margin:0;font-size:25px}.login-subtitle{text-align:center;color:#8992a1;margin:7px 0 28px;font-size:13px}.login-panel label{margin:14px 0 7px;font-size:12px;font-weight:650;display:block}.login-input{background:#fff;border:1px solid #dfe4e9;border-radius:9px;outline:none;width:100%;padding:11px 12px}.login-input:focus{border-color:#8997bd;box-shadow:0 0 0 3px #3c508c14}.login-note{text-align:center;color:#929aa6;margin-top:18px;font-size:10px;line-height:1.5}.mobile-overlay,.mobile-bottom-nav{display:none}@media (width<=1100px){.stats-grid{grid-template-columns:repeat(2,1fr)}.location-layout{grid-template-columns:1fr}.map-panel,.fake-map{height:430px;min-height:430px}}@media (width<=820px){.sidebar{display:none}.main-area{margin-left:0}.topbar{justify-content:space-between;height:62px;padding:0 17px}.top-search{display:none}.mobile-menu-button{place-items:center;width:35px;height:35px;display:grid}.mobile-brand{flex:1;margin-left:9px;font-size:15px;font-weight:700;display:block}.content{padding:22px 17px 95px}.page-header{margin-bottom:22px}.page-header h1{font-size:24px}.children-grid,.dashboard-columns,.settings-grid{grid-template-columns:1fr}.mobile-overlay{z-index:100;background:#0d141e6b;display:block;position:fixed;inset:0}.mobile-drawer{background:#fff;width:min(82vw,310px);height:100%;padding:20px 15px;box-shadow:10px 0 40px #00000024}.mobile-drawer-header{justify-content:space-between;align-items:flex-start;display:flex}.mobile-drawer-header .brand{padding-bottom:20px}.mobile-bottom-nav{z-index:50;padding:8px 4px calc(8px + env(safe-area-inset-bottom));background:#fffffff7;border-top:1px solid #e7eaee;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.mobile-bottom-nav a{color:#7c8796;flex-direction:column;align-items:center;gap:3px;font-size:9px;text-decoration:none;display:flex}.mobile-bottom-nav a.active{color:#263b8c}}@media (width<=580px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:10px}.stat-card{padding:16px}.stat-value{font-size:22px}.stat-detail{font-size:10px}.children-grid{gap:12px}.child-metrics{grid-template-columns:1fr;gap:11px}.section-header{align-items:flex-end}.section-header p{display:none}.map-panel,.fake-map{height:360px;min-height:360px}.activity-time,.alert-time{display:none}.login-panel{padding:30px 22px}}:root{--family-blue:#6c8ef5;--family-blue-dark:#526fd0;--family-peach:#f5a97f;--family-peach-soft:#fff1e8;--family-green:#63c6a5;--family-green-soft:#eaf8f3;--family-purple:#a98bef;--family-purple-soft:#f3efff;--family-yellow:#efc96d;--family-yellow-soft:#fff7df;--family-red:#df7777;--family-red-soft:#fff0f0;--family-bg:#faf9f7;--family-card:#fff;--family-text:#3d4658;--family-text-soft:#84909f}body{color:var(--family-text);background:radial-gradient(circle at 90% 2%, #f5a97f1f, transparent 25%), radial-gradient(circle at 8% 95%, #63c6a51a, transparent 28%), radial-gradient(circle at 70% 75%, #a98bef0f, transparent 25%), var(--family-bg)}.sidebar{background:linear-gradient(#fff 0%,#fffdfb 60%,#faf8ff 100%);border-right:1px solid #6c8ef51a}.brand-logo{background:linear-gradient(135deg,#7798f7,#9a86eb);box-shadow:0 7px 20px #6c8ef538}.side-link{transition:all .18s}.side-link:hover{color:#526fd0;background:#f5f7ff}.side-link.active{color:#526fd0;background:linear-gradient(90deg,#eef3ff,#faf3ff);box-shadow:inset 3px 0 #7c97f1}.topbar{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffffe6;border-bottom:1px solid #646e8214}.top-search{background:#f6f6f8}.notification-button{color:#745fc5;background:#f7f5ff;border-radius:12px}.page-header h1{color:#414a5c;-webkit-text-fill-color:initial;background:0 0}.page-header p{color:#8993a1}.stat-card,.child-card,.panel,.table-card,.settings-card{background:#fffffff5;border:1px solid #7882961a;box-shadow:0 8px 28px #545b730e}.stat-card{transition:transform .18s,box-shadow .18s;position:relative;overflow:hidden}.stat-card:hover{transform:translateY(-3px);box-shadow:0 13px 32px #545b731a}.stat-card:first-child{background:linear-gradient(145deg,#fff,#f5f7ff)}.stat-card:first-child .stat-icon{color:var(--family-blue);background:#edf2ff}.stat-card:nth-child(2){background:linear-gradient(145deg,#fff,#fff6ef)}.stat-card:nth-child(2) .stat-icon{background:var(--family-peach-soft);color:#df875d}.stat-card:nth-child(3){background:linear-gradient(145deg,#fff,#f0fbf7)}.stat-card:nth-child(3) .stat-icon{background:var(--family-green-soft);color:#45a987}.stat-card:nth-child(4){background:linear-gradient(145deg,#fff,#f7f3ff)}.stat-card:nth-child(4) .stat-icon{background:var(--family-purple-soft);color:#8d70dc}.stat-value{color:#3e4759}.child-card{background:linear-gradient(145deg,#fff 50%,#fffaf6);transition:transform .18s,box-shadow .18s;position:relative}.child-card:hover{transform:translateY(-2px);box-shadow:0 13px 30px #5a5a6e17}.person-avatar{color:#6574bc;background:linear-gradient(135deg,#eef3ff,#f6efff);box-shadow:inset 0 0 0 1px #6c8ef514}.children-grid .child-card:nth-child(2n) .person-avatar{color:#d98760;background:linear-gradient(135deg,#fff1e9,#fff7ef)}.status.online{color:#379371;background:#e8f8f1}.status.offline{color:#ad6969;background:#fff0f0}.primary-button{color:#fff;background:linear-gradient(135deg,#6f8ff1,#846ee0);border:none;box-shadow:0 6px 17px #6c8ef538}.primary-button:hover{background:linear-gradient(135deg,#607fdc,#7864cf)}.secondary-button{color:#626d80;background:#fff;border:1px solid #e4e7ef}.text-button{color:#647cda}.activity-icon{color:#6983dc;background:#f2f5ff}.activity-row:nth-child(2) .activity-icon{color:#4aa687;background:#ebf8f3}.activity-row:nth-child(3) .activity-icon{color:#d88960;background:#fff2e9}.score-circle{color:#439b79;background:#f2fbf7;border-color:#cef0e2}.security-check svg{color:var(--family-green)}th{color:#8992a1;background:#faf9fb}tbody tr{transition:background .15s}tbody tr:hover{background:#fafbff}.device-icon{color:#657edb;background:#eef3ff}.fake-map{background:linear-gradient(140deg,#edf6f2,#f5f3ea)}.map-grid{opacity:.34}.map-marker{border:1px solid #646e8c14;box-shadow:0 7px 22px #46506426}.map-marker svg{color:#ef8d67}.location-device.active{background:linear-gradient(90deg,#f1f5ff,#fff8f3);border-color:#e5e9f6}.status-dot{background:var(--family-green)}.alert-icon.warning{background:var(--family-yellow-soft);color:#bd8c32}.alert-icon.success{background:var(--family-green-soft);color:#45a27f}.settings-card{transition:transform .16s,box-shadow .16s}.settings-card:hover{border-color:#6c8ef538;transform:translateY(-2px);box-shadow:0 10px 28px #555a7314}.login-page{background:radial-gradient(circle at 18% 12%,#6c8ef526,#0000 34%),radial-gradient(circle at 86% 82%,#f5a97f2b,#0000 34%),radial-gradient(circle at 80% 10%,#63c6a514,#0000 26%),#faf9f7}.login-panel{border:1px solid #787d911a;box-shadow:0 22px 60px #5356691a}.login-panel .brand-logo{background:linear-gradient(135deg,#7192f3,#a080eb)}.mobile-bottom-nav{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff5;border-top:1px solid #646e821a}.mobile-bottom-nav a.active{color:#617adb}.mobile-drawer{background:linear-gradient(#fff,#fdfbfa)}.child-card,.stat-card,.panel,.settings-card{border-radius:16px}.primary-button,.secondary-button{border-radius:11px}.top-search,.notification-button{border-radius:12px}.family-logo-box{background:linear-gradient(145deg,#eef6ff,#fff1ef);border-radius:15px;flex-shrink:0;place-items:center;width:46px;height:46px;display:grid;overflow:hidden;box-shadow:0 6px 18px #5274d224}.family-logo{object-fit:contain;width:44px;height:44px}.brand{gap:10px}.brand strong{color:#39445b;font-size:17px}.brand span{color:#78859a}.language-switch{background:linear-gradient(135deg,#f0f5ff,#fff2f3);border:1px solid #6473a01a;border-radius:12px;align-items:center;gap:5px;height:38px;padding:0 10px;display:inline-flex;box-shadow:0 4px 14px #505a820f}.language-switch select{appearance:auto;color:#536079;cursor:pointer;background:0 0;border:0;outline:0;font-weight:650}.language-globe{font-size:15px}.language-switch.compact{margin-left:auto}.drawer-language{border-top:1px solid #edf0f4;margin-top:25px;padding-top:20px}.login-family-logo{background:linear-gradient(145deg,#edf6ff,#fff0ed);border-radius:30px;place-items:center;width:106px;height:106px;margin:-6px auto 13px;display:grid;box-shadow:0 14px 35px #5470be24}.login-family-logo img{object-fit:contain;width:100px;height:100px}.login-language{z-index:20;position:fixed;top:22px;right:25px}.family-welcome{background:radial-gradient(circle at 92% 10%,#ff8e7d3d,#0000 34%),linear-gradient(120deg,#edf4ff 0%,#f5efff 48%,#fff0e9 100%);border:1px solid #6473aa1a;border-radius:22px;align-items:center;min-height:126px;margin-bottom:26px;padding:22px 150px 22px 25px;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #46558212}.family-welcome strong{color:#43506a;font-size:24px;display:block}.family-welcome p{color:#758198;max-width:620px;margin:8px 0 0;font-size:13px;line-height:1.6}.family-welcome img{object-fit:contain;width:125px;height:125px;position:absolute;bottom:-4px;right:18px}.mobile-brand{align-items:center;gap:7px}.mobile-brand img{object-fit:contain;width:31px;height:31px}.mobile-brand span{white-space:nowrap}@media (width<=820px){.mobile-brand{display:flex}.language-switch.compact{height:34px;margin-left:4px;padding:0 6px}.language-switch.compact .language-globe{display:none}.language-switch.compact select{font-size:12px}.family-welcome{border-radius:18px;min-height:112px;padding:18px 100px 18px 18px}.family-welcome strong{font-size:19px}.family-welcome p{font-size:11px;line-height:1.5}.family-welcome img{width:92px;height:92px;right:8px}.login-language{top:14px;right:14px}}@media (width<=520px){.mobile-brand span{display:none}.family-welcome{padding-right:88px}.family-welcome img{width:82px;height:82px}.login-family-logo{width:92px;height:92px}.login-family-logo img{width:87px;height:87px}}