: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}}.real-loading-page{color:#536079;background:radial-gradient(circle at 20% 15%,#5b7cfa29,#0000 30%),radial-gradient(circle at 85% 80%,#ff89702e,#0000 32%),#fff9f6;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100vh;display:flex}.real-loading-page img{object-fit:contain;width:90px;height:90px}.real-spinner{border:3px solid #5b7cfa2e;border-top-color:#5b7cfa;border-radius:50%;width:24px;height:24px;animation:.8s linear infinite real-spin}@keyframes real-spin{to{transform:rotate(360deg)}}.real-login{max-width:440px}.real-login-security{color:#8490a0;justify-content:center;align-items:center;gap:7px;margin-top:17px;font-size:12px;display:flex}.real-error{color:#b6545c;background:#fff0f0;border:1px solid #dc5a6421;border-radius:11px;margin:10px 0;padding:10px 12px;font-size:13px}.real-error.block{margin:15px 0}.approval-box,.family-select-box{margin-top:15px}.approval-box{text-align:center;background:linear-gradient(145deg,#eff4ff,#fff2ee);border-radius:17px;padding:17px}.approval-box>svg{color:#5b7cfa}.approval-box h3{margin:10px 0 6px}.approval-box p{color:#7e8999;font-size:13px;line-height:1.65}.approval-device{background:#ffffffb8;border-radius:11px;flex-direction:column;gap:3px;margin:13px 0;padding:10px;display:flex}.approval-device span{color:#8993a0;font-size:11px}.approval-device strong{word-break:break-all;font-size:11px}.approval-pulse{color:#6374bd;justify-content:center;align-items:center;gap:8px;font-size:12px;display:flex}.approval-pulse span{background:#4fd1a1;border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 6px #4fd1a11f}.family-select-box>p{color:#7f8998;font-size:13px}.family-choice{cursor:pointer;text-align:left;background:#fff;border:1px solid #6478aa1a;border-radius:13px;align-items:center;gap:11px;width:100%;margin-top:9px;padding:12px;display:flex}.family-choice:hover{background:#f6f8ff}.family-choice>div{flex:1}.family-choice strong,.family-choice span{display:block}.family-choice span{color:#8a93a1;margin-top:2px;font-size:11px}.real-refresh{align-items:center;gap:6px;display:inline-flex}.real-child-card{min-height:210px}.real-child-grid{grid-template-columns:1fr 1fr;gap:9px;margin-top:15px;display:grid}.real-child-grid>div{background:#fff9;border:1px solid #646e9612;border-radius:12px;padding:10px}.real-child-grid span,.real-child-grid strong{display:block}.real-child-grid span{color:#8b95a3;font-size:11px}.real-child-grid strong{color:#475168;margin-top:4px;font-size:14px}.child-health-warning{color:#b67c31;background:#fff3e6;border-radius:10px;align-items:center;gap:6px;margin-top:11px;padding:8px 10px;font-size:11px;display:flex}.empty-real-state{color:#8992a2;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:180px;display:flex}.empty-real-state.compact{min-height:90px}.real-chat-layout{grid-template-columns:250px 1fr;gap:18px;display:grid}.real-chat-children,.real-chat-panel{background:#fffffff5;border:1px solid #646e9117;border-radius:18px;box-shadow:0 9px 28px #46506e0f}.real-chat-children{padding:10px}.real-chat-children button{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:9px;width:100%;margin-bottom:5px;padding:10px;display:flex}.real-chat-children button.active{background:linear-gradient(90deg,#ebf1ff,#fff1ed)}.real-chat-children button>div:nth-child(2){min-width:0}.real-chat-children strong,.real-chat-children span{display:block}.real-chat-children span{color:#8b94a0;margin-top:2px;font-size:11px}.real-chat-panel{flex-direction:column;min-height:560px;display:flex;overflow:hidden}.real-chat-list{flex:1;padding:18px;overflow:auto}.chat-message{flex-direction:column;margin-bottom:12px;display:flex}.chat-message>div{border-radius:15px;max-width:72%;padding:10px 13px;font-size:13px;line-height:1.55}.chat-message>span{color:#9aa2ae;margin-top:3px;font-size:10px}.chat-message.parent{align-items:flex-end}.chat-message.parent>div{color:#fff;background:linear-gradient(135deg,#627ff5,#9772eb);border-bottom-right-radius:5px}.chat-message.child{align-items:flex-start}.chat-message.child>div{color:#4b5569;background:#f3f5f8;border-bottom-left-radius:5px}.real-chat-compose{border-top:1px solid #edf0f4;gap:10px;padding:12px;display:flex}.real-chat-compose textarea{resize:vertical;min-height:44px;max-height:120px;font:inherit;border:1px solid #e1e5ed;border-radius:11px;outline:none;flex:1;padding:11px}.real-chat-compose textarea:focus{border-color:#9fb0f3}.real-location-children{flex-direction:column;gap:7px;margin:14px 0;display:flex}.real-location-children button{text-align:left;cursor:pointer;background:#fff;border:1px solid #edf0f4;border-radius:12px;align-items:center;gap:9px;padding:11px;display:flex}.real-location-children button.active{background:linear-gradient(90deg,#edf3ff,#fff3ed);border-color:#dce4fb}.real-location-children button>div{min-width:0}.real-location-children strong,.real-location-children span{display:block}.real-location-children span{color:#8993a0;margin-top:2px;font-size:11px}.real-location-button{justify-content:center;align-items:center;gap:7px;width:100%;display:flex}.real-location-result{min-height:390px}.real-report-card{cursor:default!important}.real-logout-button{align-items:center;gap:7px;margin-top:20px;display:inline-flex}.logout{cursor:pointer;border:0}@media (width<=820px){.real-chat-layout{grid-template-columns:1fr}.real-chat-children{display:flex;overflow-x:auto}.real-chat-children button{min-width:150px;margin-bottom:0}.real-chat-panel{min-height:500px}.chat-message>div{max-width:86%}}@media (width<=520px){.real-child-grid{grid-template-columns:1fr 1fr}.page-header{gap:10px}}.register-panel{max-width:455px}.register-code-row{grid-template-columns:minmax(0,1fr) auto;gap:9px;display:grid}.register-code-row .login-input{min-width:0}.register-code-button{white-space:nowrap;align-self:end;min-width:112px;height:45px}.register-help{color:#929baa;margin:-4px 0 14px;font-size:11px}.login-register-entry,.register-login-entry{color:#8791a1;justify-content:center;align-items:center;gap:6px;margin-top:17px;font-size:12px;display:flex}.login-register-entry button,.register-login-entry button{color:#6078dd;font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-weight:750}.login-register-entry button:hover,.register-login-entry button:hover{text-decoration:underline}.registration-success{text-align:center;max-width:440px}.registration-success-icon{color:#2faa7d;background:linear-gradient(135deg,#e0f8ef,#f0fff9);border-radius:22px;place-items:center;width:72px;height:72px;margin:0 auto 15px;display:grid;box-shadow:0 9px 24px #34c9972b}.registration-success p{color:#7c8798;font-size:13px;line-height:1.7}.register-download-button{color:#5d73d5;background:#f0f4ff;border-radius:12px;justify-content:center;align-items:center;min-height:44px;margin-top:10px;font-size:13px;font-weight:700;text-decoration:none;display:flex}.register-download-button:hover{background:#e8eeff}.registration-page{padding-top:38px;padding-bottom:38px}@media (width<=520px){.registration-page{padding-top:68px}.register-code-row{grid-template-columns:1fr 108px}.register-code-button{min-width:0;padding-left:8px;padding-right:8px;font-size:11px}}.family-account-summary{background:linear-gradient(125deg,#eef3fffa,#fff3edf5);border:1px solid #5f6ea014;border-radius:18px;align-items:center;gap:13px;margin-bottom:21px;padding:17px 19px;display:flex}.family-account-avatar{color:#fff;background:linear-gradient(135deg,#607ff7,#9a73eb);border-radius:16px;flex-shrink:0;place-items:center;width:48px;height:48px;font-size:18px;font-weight:800;display:grid;box-shadow:0 8px 20px #5b7cfa38}.family-account-summary>div:nth-child(2){flex:1;min-width:0}.family-account-summary span,.family-account-summary strong,.family-account-summary small{display:block}.family-account-summary span{color:#8b95a5;font-size:11px}.family-account-summary strong{color:#465168;margin-top:2px;font-size:15px}.family-account-summary small{color:#929ba9;text-overflow:ellipsis;margin-top:2px;overflow:hidden}.account-login-ok{color:#258963;background:#dff8ee;border-radius:999px;align-items:center;gap:5px;padding:7px 10px;font-size:11px;font-weight:700;display:flex!important}.family-hub-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin-bottom:24px;display:grid}.family-hub-card{background:linear-gradient(145deg,#fff 50%,#f0f4ff);border:1px solid #646e9617;border-radius:18px;padding:18px;box-shadow:0 8px 25px #46506e0e}.family-hub-card:nth-child(2n){background:linear-gradient(145deg,#fff 50%,#fff1eb)}.family-hub-card.active{border-color:#4fd1a159;box-shadow:0 9px 27px #4fd1a11c}.family-card-head{align-items:center;gap:11px;display:flex}.family-card-icon{background:#fffc;border-radius:14px;place-items:center;width:43px;height:43px;font-size:21px;display:grid}.family-card-head strong,.family-card-head span{display:block}.family-card-head strong{color:#475168;font-size:15px}.family-card-head span{color:#8b95a4;letter-spacing:.04em;margin-top:3px;font-size:10px;font-weight:750}.family-code-display{background:#ffffffad;border:1px dashed #5b7cfa30;border-radius:12px;margin-top:14px;padding:11px 12px}.family-code-display span,.family-code-display strong,.family-code-display small{display:block}.family-code-display span{color:#8d96a4;font-size:10px}.family-code-display strong{color:#5b70cc;letter-spacing:.1em;margin:3px 0;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:19px}.family-code-display small{color:#9aa2ae;font-size:9px}.family-enter-button{justify-content:center;align-items:center;gap:6px;width:100%;margin-top:14px;display:flex}.family-actions-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-top:22px;display:grid}.family-action-card{border:1px solid #646e9614;border-radius:20px;padding:20px;box-shadow:0 8px 25px #46506e0e}.family-action-card.create{background:linear-gradient(145deg,#fff,#eef3ff)}.family-action-card.join{background:linear-gradient(145deg,#fff,#fff0e9)}.family-action-icon{font-size:27px}.family-action-card h3{color:#48536a;margin:10px 0 5px}.family-action-card p{color:#818c9d;min-height:48px;margin:0 0 14px;font-size:12px;line-height:1.6}.family-action-input{color:#4d586e;width:100%;height:44px;font:inherit;background:#ffffffe6;border:1px solid #e0e5ee;border-radius:11px;outline:0;padding:0 12px}.family-action-input:focus{border-color:#9caef1;box-shadow:0 0 0 3px #5b7cfa14}.family-code-input{letter-spacing:.08em;text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-weight:700}.family-action-button{width:100%;min-height:43px;margin-top:10px}.family-empty{color:#8993a3;text-align:center;background:linear-gradient(145deg,#f7f9ff,#fff8f4);border-radius:19px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:170px;padding:20px;display:flex}.family-empty strong{color:#59657a}.family-empty p{max-width:500px;margin:0;font-size:12px;line-height:1.65}.family-notice{border-radius:12px;align-items:center;gap:7px;margin-bottom:13px;padding:10px 13px;font-size:12px;display:flex}.family-notice.success{color:#268363;background:#e3f8ef}.family-approval-panel{text-align:center;background:linear-gradient(145deg,#eff4ff,#fff2ed);border:1px solid #646ea017;border-radius:24px;max-width:570px;margin:40px auto 0;padding:30px;box-shadow:0 12px 38px #46507814}.family-approval-icon{color:#5c76e6;background:#ffffffc2;border-radius:22px;place-items:center;width:68px;height:68px;margin:0 auto 13px;display:grid}.family-approval-panel h2{margin:0 0 9px}.family-approval-panel p{color:#788396;font-size:13px;line-height:1.7}.family-back-button{margin-top:19px}@media (width<=720px){.family-actions-grid{grid-template-columns:1fr}.family-account-summary{align-items:flex-start}.account-login-ok{margin-left:auto}}@media (width<=480px){.family-account-summary{flex-wrap:wrap}.account-login-ok{justify-content:center;width:100%;margin-left:0}}.location-result-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.location-result-head h2{margin:0}.location-source{border-radius:999px;padding:6px 10px;font-size:10px;font-weight:760}.location-source.realtime{color:#238361;background:#dff8ee}.location-source.server{color:#5a70cf;background:#eaf0ff}.location-credit-note{color:#9099a8;text-align:center;margin-top:10px;font-size:10px;line-height:1.55}.location-small-status{color:#768296;background:#f5f7fa;border-radius:10px;justify-content:center;align-items:center;gap:7px;margin-top:11px;padding:9px 10px;font-size:11px;display:flex}.location-small-status .real-spinner{border-width:2px;width:15px;height:15px}.location-small-status.success{color:#298463;background:#e7f8f1}.location-details{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px;display:grid}.location-details>div{background:#f7f8fb;border-radius:12px;min-width:0;padding:12px}.location-details .location-wide{grid-column:1/-1}.location-details span,.location-details strong{display:block}.location-details span{color:#939caa;font-size:10px}.location-details strong{color:#4e596f;overflow-wrap:anywhere;margin-top:4px;font-size:13px;line-height:1.5}@media (width<=520px){.location-details{grid-template-columns:1fr}.location-details .location-wide{grid-column:auto}}.real-chat-list{overscroll-behavior:contain;scroll-behavior:smooth;flex:auto;min-height:0;padding-bottom:16px;overflow-y:auto}.real-chat-compose{z-index:5;background:#fff;border-top:1px solid #646e9617;flex:none;margin-top:0;padding-top:12px;position:relative;box-shadow:0 -8px 20px #46506e09}.real-chat-children{max-height:calc(100vh - 220px);overflow-y:auto}@media (width<=800px){.real-chat-panel{height:calc(100dvh - 245px);min-height:480px;max-height:none}.real-chat-children{max-height:none}}@media (width<=520px){.real-chat-panel{height:calc(100dvh - 215px);min-height:430px}.real-chat-compose{padding-bottom:env(safe-area-inset-bottom,0px)}}.real-chat-layout{align-items:stretch;height:var(--chat-fit-height,calc(100dvh - 190px))!important;min-height:0!important}.real-chat-panel{flex-direction:column!important;height:100%!important;min-height:0!important;max-height:none!important;display:flex!important;overflow:hidden!important}.real-chat-list{overscroll-behavior:contain;flex:1 1 0!important;height:auto!important;min-height:0!important;overflow:hidden auto!important}.real-chat-panel>.real-error{flex:none}.real-chat-compose{z-index:10;position:relative;background:#fff!important;flex:none!important}.real-chat-children{height:100%;min-height:0;max-height:none!important;overflow-y:auto!important}@media (width<=820px){.real-chat-layout{grid-template-rows:auto minmax(0,1fr)!important;grid-template-columns:1fr!important}.real-chat-children{height:auto!important;max-height:78px!important;display:flex!important;overflow:auto hidden!important}.real-chat-children button{flex:0 0 150px}.real-chat-panel{height:100%!important;min-height:0!important}}@media (width<=520px){.real-chat-layout,.real-chat-panel{min-height:0!important}.real-chat-compose textarea{min-height:42px;max-height:90px}}.real-chat-panel{flex-direction:column!important;display:flex!important}.real-chat-compose{background:#fff!important;border-top:0!important;border-bottom:1px solid #edf0f4!important;flex:none!important;order:-100!important;margin:0!important;padding:12px!important;box-shadow:0 6px 18px #46506e09!important}.real-chat-list{flex:1 1 0!important;order:10!important;min-height:0!important;overflow-y:auto!important}.real-chat-panel>.real-error{flex:none!important;order:-90!important}.real-chat-compose+div{background:#fff;padding:3px 12px 7px;flex:none!important;order:-80!important}.real-chat-compose textarea{resize:vertical;min-height:44px!important;max-height:96px!important}@media (width<=520px){.real-chat-compose{position:relative!important;top:auto!important;bottom:auto!important}}