@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=Roboto:wght@300;400;500;700;900&display=swap";*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}:root{--md-sys-color-primary:#6366f1;--md-sys-color-primary-container:#6366f11a;--md-sys-color-on-primary:#fff;--md-sys-color-success:#10b981;--md-sys-color-success-container:#10b9811a;--md-sys-color-on-success:#fff;--md-sys-color-warning:#f59e0b;--md-sys-color-warning-container:#f59e0b1a;--md-sys-color-on-warning:#fff;--md-sys-color-error:#f43f5e;--md-sys-color-error-container:#f43f5e1a;--md-sys-color-on-error:#fff;--md-sys-color-background:#06070a;--md-sys-color-surface:#0a0b10a6;--md-sys-color-surface-variant:#1e293b66;--md-sys-color-outline:#ffffff14;--md-sys-color-outline-variant:#ffffff0a;--md-sys-typescale-body:"Roboto", sans-serif;--md-sys-typescale-header:"Outfit", sans-serif;--md-sys-shape-corner-small:10px;--md-sys-shape-corner-medium:16px;--md-sys-shape-corner-large:24px;--md-sys-shape-corner-extra-large:32px;--md-sys-shape-corner-pill:9999px;--md-sys-elevation-1:0 4px 30px #0006, inset 0 1px 1px #ffffff0d;--md-sys-elevation-2:0 10px 40px #0009, inset 0 1px 2px #ffffff14;--md-sys-elevation-3:0 20px 50px #000c, inset 0 1px 3px #ffffff1f;--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--sidebar-width:290px;--header-height:72px}body:not(.dark-theme){--md-sys-color-primary:#4f46e5;--md-sys-color-primary-container:#4f46e514;--md-sys-color-background:#f8fafc;--md-sys-color-surface:#ffffffd9;--md-sys-color-surface-variant:#f1f5f9f2;--md-sys-color-outline:#00000014;--md-sys-color-outline-variant:#0000000a;--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--card-bg:#fff;--card-border:#00000014;--card-shadow:0 10px 30px -10px #0000000d, inset 0 1px 0 #fffc;--input-bg:#00000004;--input-border:#00000014;--input-color:#0f172a}.dark-theme{--md-sys-color-primary:#818cf8;--md-sys-color-primary-container:#818cf826;--md-sys-color-background:#040507;--md-sys-color-surface:#090a0fb3;--md-sys-color-surface-variant:#11182799;--md-sys-color-outline:#ffffff12;--md-sys-color-outline-variant:#ffffff08;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--card-bg:#0a0b10a6;--card-border:#ffffff14;--card-shadow:0 10px 40px #0009, inset 0 1px 2px #ffffff14;--input-bg:#ffffff08;--input-border:#ffffff14;--input-color:#f8fafc}*{transition:background .3s,border-color .3s,box-shadow .3s}body{background-color:var(--md-sys-color-background);font-family:var(--md-sys-typescale-body);color:var(--text-primary,#f1f5f9);-webkit-font-smoothing:antialiased;height:100vh;position:relative;overflow:hidden}body:not(.dark-theme){color:var(--text-primary,#1e293b)}.nebula-container{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.nebula-blob{filter:blur(140px);opacity:.28;mix-blend-mode:screen;border-radius:50%;animation:25s ease-in-out infinite alternate floatNebula;position:absolute}body:not(.dark-theme) .nebula-blob{opacity:.05;mix-blend-mode:normal}.nebula-blob-1{background:radial-gradient(circle,#6366f1 0%,#0000 80%);width:500px;height:500px;animation-duration:20s;top:-10%;left:20%}.nebula-blob-2{background:radial-gradient(circle,#d946ef 0%,#0000 80%);width:600px;height:600px;animation-duration:28s;bottom:-20%;right:10%}.nebula-blob-3{background:radial-gradient(circle,#06b6d4 0%,#0000 80%);width:450px;height:450px;animation-duration:24s;top:40%;left:-10%}@keyframes floatNebula{0%{transform:translate(0)scale(1)}50%{transform:translate(60px,40px)scale(1.15)}to{transform:translate(-40px,-60px)scale(.9)}}.m3-glass-card{background:var(--card-bg);-webkit-backdrop-filter:blur(28px)saturate(190%);border:1px solid var(--card-border);border-radius:var(--md-sys-shape-corner-large);box-shadow:var(--card-shadow);padding:24px;transition:all .3s cubic-bezier(.2,.8,.2,1);position:relative;overflow:hidden}.m3-glass-card:hover{border-color:#6366f159;box-shadow:0 12px 40px #6366f114}.m3-glass-card.interactive:hover{cursor:pointer;background:var(--card-bg);transform:translateY(-4px)scale(1.015)}.m3-ai-card{background:linear-gradient(135deg,#581c8726 0%,#1e1b4b40 100%);border:1px solid #8b5cf640;position:relative;box-shadow:0 8px 32px #8b5cf61a}.m3-ai-card:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;opacity:.6;background:linear-gradient(135deg,#a855f7,#6366f1,#06b6d4);padding:1.5px;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.m3-ai-shimmer{background:linear-gradient(90deg,#0000,#ffffff0f,#0000) 0 0/200% 100%;animation:3s linear infinite aiShimmer}@keyframes aiShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes pulseSuccess{0%,to{opacity:1;transform:scale(1);box-shadow:0 0 #10b98166}50%{opacity:.6;transform:scale(.9);box-shadow:0 0 8px 4px #10b98133}}.animate-fade-in{animation:.48s cubic-bezier(.2,.8,.2,1) forwards fadeIn}.pulse-live{animation:2.5s ease-in-out infinite pulseSuccess}.app-shell{z-index:10;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.navigation-drawer{width:var(--sidebar-width);-webkit-backdrop-filter:blur(32px);border-right:1px solid var(--md-sys-color-outline);z-index:50;background:#080a0f99;flex-direction:column;flex-shrink:0;padding:28px 16px;display:flex}.brand-section{border-bottom:1px solid var(--md-sys-color-outline);align-items:center;gap:14px;margin-bottom:20px;padding:0 12px 28px;display:flex}.brand-icon{border-radius:var(--md-sys-shape-corner-medium);color:#fff;background:linear-gradient(135deg,#a855f7 0%,#6366f1 100%);justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 8px 20px #6366f14d}.brand-title{font-family:var(--md-sys-typescale-header);background:linear-gradient(90deg,#fff,#a855f7,#818cf8);-webkit-text-fill-color:transparent;letter-spacing:-.8px;-webkit-background-clip:text;font-size:21px;font-weight:900}.brand-subtitle{color:#94a3b8;letter-spacing:.3px;font-size:11.5px;font-weight:600}.drawer-section-title{color:#64748b;letter-spacing:1.2px;text-transform:uppercase;padding:16px 12px 8px;font-size:11px;font-weight:800}.drawer-item{border-radius:var(--md-sys-shape-corner-medium);color:#94a3b8;cursor:pointer;border:1px solid #0000;align-items:center;gap:14px;margin-bottom:6px;padding:12px 18px;font-size:14px;font-weight:600;text-decoration:none;transition:all .28s cubic-bezier(.2,.8,.2,1);display:flex}.drawer-item:hover{color:#f8fafc;background:#ffffff08;border-color:#ffffff0a}.drawer-item.active{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-primary);border-color:#6366f126;box-shadow:0 4px 15px #6366f114}.drawer-item-badge{background-color:var(--md-sys-color-error);color:#fff;border-radius:99px;margin-left:auto;padding:2px 8px;font-size:10px;font-weight:800;box-shadow:0 2px 8px #f43f5e4d}.children-list{border-top:1px solid var(--md-sys-color-outline);margin-top:auto;padding-top:20px}.child-selector-item{border-radius:var(--md-sys-shape-corner-medium);cursor:pointer;border:1px solid #0000;align-items:center;gap:14px;margin-top:6px;padding:12px 16px;transition:all .25s;display:flex}.child-selector-item:hover{background:#ffffff08}.child-selector-item.active{background:#6366f114;border-color:#6366f126}.child-avatar{border-radius:var(--md-sys-shape-corner-medium);color:#fff;background:linear-gradient(135deg,#6366f133 0%,#d946ef33 100%);border:1.5px solid #ffffff14;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;font-weight:800;display:flex}.child-info{flex:1;min-width:0}.child-name{color:#f8fafc;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;overflow:hidden}.child-status{color:#64748b;margin-top:1px;font-size:11.5px}.child-online-dot{background-color:var(--md-sys-color-success);border-radius:50%;width:8px;height:8px;box-shadow:0 0 10px #10b981cc}.child-online-dot.offline{box-shadow:none;background-color:#475569}.bottom-navigation{height:calc(64px + var(--safe-b));-webkit-backdrop-filter:blur(32px);border-top:1px solid var(--md-sys-color-outline);z-index:100;padding-bottom:var(--safe-b);background:#0a0b10d9;display:none;position:fixed;bottom:0;left:0;right:0}.bottom-nav-inner{justify-content:space-around;align-items:center;height:100%;display:flex}.bottom-nav-item{color:#94a3b8;cursor:pointer;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;height:100%;font-size:11px;font-weight:600;text-decoration:none;transition:all .25s;display:flex}.bottom-nav-item.active{color:var(--md-sys-color-primary)}.bottom-nav-icon-container{border-radius:var(--md-sys-shape-corner-pill);justify-content:center;align-items:center;padding:6px 20px;transition:all .25s;display:flex}.bottom-nav-item.active .bottom-nav-icon-container{background-color:var(--md-sys-color-primary-container)}.main-layout{background:0 0;flex-direction:column;flex:1;height:100%;display:flex;overflow:hidden}.top-app-bar{height:var(--header-height);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--md-sys-color-outline);z-index:40;background:#06070a66;flex-shrink:0;justify-content:space-between;align-items:center;padding:0 32px;display:flex}.top-bar-left{flex-direction:column;display:flex}.top-bar-subtitle{color:#64748b;text-transform:uppercase;letter-spacing:1px;font-size:11px;font-weight:800}.top-bar-title{font-family:var(--md-sys-typescale-header);color:#f8fafc;letter-spacing:-.5px;margin-top:2px;font-size:24px;font-weight:800}.top-bar-right{align-items:center;gap:12px;display:flex}.screen-content{-webkit-overflow-scrolling:touch;z-index:20;flex:1;padding:32px;overflow:hidden auto}.m3-grid{grid-template-columns:repeat(12,1fr);gap:24px;display:grid}.col-12{grid-column:span 12}.col-8{grid-column:span 8}.col-6{grid-column:span 6}.col-4{grid-column:span 4}.col-3{grid-column:span 3}@media (width<=1024px){.col-8,.col-4{grid-column:span 12}}@media (width<=768px){.navigation-drawer{display:none}.bottom-navigation{display:block}.top-app-bar{height:64px;padding:0 20px}.screen-content{padding:20px;padding-bottom:calc(96px + var(--safe-b))}.m3-grid{gap:16px}.col-6{grid-column:span 12}.col-3{grid-column:span 6}}.m3-btn{border-radius:var(--md-sys-shape-corner-pill);font-family:var(--md-sys-typescale-body);cursor:pointer;border:1px solid #0000;outline:none;justify-content:center;align-items:center;gap:10px;padding:12px 28px;font-size:14px;font-weight:700;transition:all .28s cubic-bezier(.2,.8,.2,1);display:inline-flex}.m3-btn-primary{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);box-shadow:0 4px 15px #6366f140}.m3-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #6366f166}.m3-btn-primary:active{transform:scale(.97)}.m3-btn-tonal{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-primary);border-color:#6366f11a}.m3-btn-tonal:hover{background:#6366f133}.m3-btn-outlined{border:1.5px solid var(--md-sys-color-outline);color:#94a3b8;background:0 0}.m3-btn-outlined:hover{color:#f8fafc;background:#ffffff08;border-color:#ffffff26}.m3-modal-overlay{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:1000;background-color:#04050899;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.m3-modal{border-radius:var(--md-sys-shape-corner-extra-large);box-shadow:var(--md-sys-elevation-3);background-color:#0b0c12;border:1px solid #ffffff14;width:90%;max-width:490px;animation:.3s cubic-bezier(.2,.8,.2,1) fadeIn;overflow:hidden}.m3-modal-header{border-bottom:1px solid #ffffff0a;justify-content:space-between;align-items:center;padding:28px 28px 12px;display:flex}.m3-modal-title{font-family:var(--md-sys-typescale-header);color:#f8fafc;font-size:20px;font-weight:800}.m3-modal-body{max-height:65vh;padding:24px 28px;overflow-y:auto}.m3-modal-footer{border-top:1px solid #ffffff0a;justify-content:flex-end;gap:12px;padding:16px 28px 28px;display:flex}.m3-input-field{margin-bottom:20px}.m3-input-label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:12px;font-weight:800;display:block}.m3-input{background:var(--input-bg);border:1.5px solid var(--input-border);border-radius:var(--md-sys-shape-corner-medium);width:100%;font-family:var(--md-sys-typescale-body);color:var(--input-color);outline:none;padding:14px 18px;font-size:14.5px;transition:all .25s}.m3-input:focus{border-color:var(--md-sys-color-primary);background:#6366f10a;box-shadow:0 0 12px #6366f126}.m3-toast{bottom:calc(32px + var(--safe-b));color:#f8fafc;border-radius:var(--md-sys-shape-corner-medium);box-shadow:var(--md-sys-elevation-2);z-index:10000;white-space:nowrap;background-color:#0c0d13;border:1px solid #ffffff14;align-items:center;gap:12px;padding:14px 28px;font-size:13.5px;font-weight:600;animation:.3s cubic-bezier(.2,.8,.2,1) fadeIn;display:flex;position:fixed;left:50%;transform:translate(-50%)}.m3-toast.ok{background-color:#10b981f2;border-color:#10b9814d}.m3-toast.err{background-color:#f43f5ef2;border-color:#f43f5e4d}.live-indicator{border-radius:var(--md-sys-shape-corner-pill);color:#34d399;background-color:#10b9811f;border:1px solid #10b98133;align-items:center;gap:6px;padding:4px 12px;font-size:11px;font-weight:800;display:inline-flex}.live-indicator-dot{background-color:#10b981;border-radius:50%;width:6px;height:6px}.live-feed-ticker{flex-direction:column;gap:12px;max-height:310px;padding-right:4px;display:flex;overflow-y:auto}.live-feed-item{border-radius:var(--md-sys-shape-corner-medium);background:#ffffff05;border:1px solid #ffffff0d;align-items:flex-start;gap:14px;padding:12px 16px;animation:.3s ease-out fadeIn;display:flex}.live-feed-avatar{background-color:#6366f126;border:1px solid #6366f11a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;display:flex}.live-feed-content{color:#cbd5e1;flex:1;font-size:12.5px;line-height:1.4}.live-feed-time{color:#64748b;align-self:center;margin-left:auto;font-size:10.5px}.empty-state{text-align:center;padding:48px 24px}.empty-state-icon{opacity:.3;margin-bottom:14px;font-size:54px}.empty-state-title{color:var(--text-primary);margin-bottom:6px;font-size:16px;font-weight:800}.empty-state-desc{color:var(--text-secondary);font-size:12.5px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#6366f140;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#6366f173}body:not(.dark-theme) .navigation-drawer{-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);background:#ffffffd9;border-right:1px solid #0000000f}body:not(.dark-theme) .drawer-item{color:#475569}body:not(.dark-theme) .drawer-item:hover{color:#0f172a;background:#00000005}body:not(.dark-theme) .drawer-item.active{color:#4f46e5;background:#6366f114;border-color:#6366f126}body:not(.dark-theme) .child-name{color:#0f172a}body:not(.dark-theme) .child-status{color:#64748b}body:not(.dark-theme) .child-selector-item:hover{background:#00000005}body:not(.dark-theme) .child-selector-item.active{background:#6366f10f;border-color:#6366f11a}body:not(.dark-theme) .top-app-bar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fff6;border-bottom:1px solid #0000000f}body:not(.dark-theme) .top-bar-title{color:#0f172a}body:not(.dark-theme) .top-bar-subtitle{color:#64748b}body:not(.dark-theme) .brand-title{background:linear-gradient(90deg,#1e293b,#4f46e5,#ec4899);-webkit-text-fill-color:transparent;-webkit-background-clip:text}body:not(.dark-theme) .empty-state-title{color:#0f172a}body:not(.dark-theme) .m3-modal{background-color:#fff;border:1px solid #00000014;box-shadow:0 20px 50px #0000001f}body:not(.dark-theme) .m3-modal-title{color:#0f172a}body:not(.dark-theme) .m3-modal-header{border-bottom:1px solid #0000000a}body:not(.dark-theme) .m3-modal-footer{border-top:1px solid #0000000a}