:root{--orange: #FC753E;--orange-2: #E25C24;--orange-soft: #FFD3BC;--orange-wash: #FFEADD;--ink: #2A2A2A;--muted: #5C5C5C;--ink-mute: #9A9A9A;--bg-soft: #FAFAF8;--cream: #F4F4F2;--cream-2: #EFEFEC;--surface: #F4F4F2;--line: rgba(0, 0, 0, .08);--white: #FFFFFF;--green: #58B97A;--red: #C94545;--red-soft: #F4D2D2;--yellow: #F6C453;--shadow-soft: 0 4px 10px rgba(40, 30, 20, .04);--shadow-card: 0 6px 18px rgba(40, 30, 20, .06);--shadow-lift: 0 14px 30px rgba(40, 30, 20, .1);--shadow-glow: 0 6px 16px rgba(252, 117, 62, .3);--radius-card: 20px;--radius-pill: 999px;--sidebar-w: 244px}*{box-sizing:border-box}html,body{margin:0;background:var(--bg-soft);color:var(--ink);font-family:"Baloo 2","Baloo Bhaijaan 2",system-ui,-apple-system,sans-serif;font-weight:500;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}[dir=rtl],[dir=rtl] body{font-family:"Baloo Bhaijaan 2","Baloo 2",system-ui,sans-serif}button{font-family:inherit;cursor:pointer}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:var(--radius-pill);padding:9px 18px;font-weight:700;font-size:14px;border:1px solid var(--line);background:var(--white);color:var(--ink);transition:transform .12s ease,background .12s,box-shadow .12s,border-color .12s}.btn:hover:not(:disabled){background:var(--surface)}.btn:active:not(:disabled){transform:scale(.96)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.primary{background:var(--orange);color:#fff;border-color:transparent;box-shadow:var(--shadow-glow)}.btn.primary:hover:not(:disabled){background:var(--orange-2)}.btn.ghost{background:transparent;border-color:transparent;color:var(--muted)}.btn.ghost:hover:not(:disabled){background:var(--surface);color:var(--ink)}.btn.danger{background:#fff;color:var(--red);border-color:var(--red-soft)}.btn.danger:hover:not(:disabled){background:#fef6f6}.btn.block{width:100%}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:var(--white);color:var(--muted);transition:background .12s,color .12s,border-color .12s}.icon-btn:hover{background:var(--surface);color:var(--ink)}.icon-btn.danger:hover{background:#fef6f6;color:var(--red);border-color:var(--red-soft)}.input{width:100%;background:var(--cream);border:1.5px solid transparent;border-radius:12px;padding:11px 14px;font-family:inherit;font-size:15px;font-weight:600;color:var(--ink);outline:none;transition:background .12s,border-color .12s}.input:focus{background:var(--white);border-color:var(--orange)}.input::placeholder{color:var(--ink-mute);font-weight:500}.input.invalid{border-color:var(--red-soft);background:#fef6f6}.code-input{text-align:center;font-size:26px;letter-spacing:10px;font-weight:700}.field{display:flex;flex-direction:column;gap:6px}.field>span{font-size:13px;font-weight:700;color:var(--muted)}.field-error{color:var(--red);font-size:12px;font-weight:600}.stack{display:flex;flex-direction:column;gap:16px}.row{display:flex;align-items:center;flex-wrap:wrap}.row.gap{gap:10px}.muted{color:var(--muted);font-size:14px;line-height:1.7}.boot{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:var(--muted)}.spinner{width:34px;height:34px;border-radius:50%;border:3px solid var(--orange-wash);border-top-color:var(--orange);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px 16px;background:radial-gradient(1000px 420px at 50% -12%,var(--orange-wash),transparent 70%),var(--bg-soft)}.login-card{width:100%;max-width:420px;background:var(--white);border-radius:var(--radius-card);box-shadow:var(--shadow-lift);padding:32px 28px 24px;display:flex;flex-direction:column;gap:16px;text-align:center}.login-card h1{font-size:22px;font-weight:700}.login-sub{color:var(--muted);font-size:14px;line-height:1.7}.login-note{background:var(--cream);border-radius:12px;padding:12px;color:var(--muted);font-size:13px}.login-form{display:flex;flex-direction:column;gap:14px;text-align:start}.login-actions{display:flex;justify-content:center;gap:6px;flex-wrap:wrap}.login-legal{font-size:12px;color:var(--ink-mute);line-height:1.8}.login-legal a{color:var(--orange-2);font-weight:700}.login-brand{display:flex;align-items:center;justify-content:center;gap:10px}.login-brand strong{font-size:18px}.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:12px;background:var(--orange);color:#fff;box-shadow:var(--shadow-glow)}.brand-mark.large{width:46px;height:46px;border-radius:16px}.google-host{display:flex;justify-content:center;min-height:44px}.or-rule{display:flex;align-items:center;gap:12px;color:var(--ink-mute);font-size:12px;font-weight:700}.or-rule:before,.or-rule:after{content:"";flex:1;height:1px;background:var(--line)}.lang-toggle{display:inline-flex;align-items:center;gap:6px;background:transparent;border:1px solid var(--line);border-radius:var(--radius-pill);padding:7px 14px;font-size:13px;font-weight:700;color:var(--muted)}.lang-toggle:hover{background:var(--surface);color:var(--ink)}.lang-toggle.floating{position:fixed;top:18px;inset-inline-end:18px;background:var(--white)}.app{display:grid;grid-template-columns:var(--sidebar-w) 1fr;min-height:100vh}.sidebar{background:var(--white);border-inline-end:1px solid var(--line);padding:16px 12px;display:flex;flex-direction:column;gap:4px;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:10px;padding:6px 8px 18px}.brand-text{display:flex;flex-direction:column;line-height:1.2}.brand-text strong{font-size:16px}.brand-text small{font-size:12px;color:var(--ink-mute)}.nav{display:flex;flex-direction:column;gap:2px}.nav-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;font-size:14px;font-weight:700;color:var(--muted);transition:background .12s,color .12s}.nav-item:hover{background:var(--surface);color:var(--ink)}.nav-item.active{background:var(--orange-wash);color:var(--orange-2)}.nav-item.subtle{font-weight:600;font-size:13px}.sidebar-foot{margin-top:auto;display:flex;flex-direction:column;gap:8px}.main{display:flex;flex-direction:column;min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 24px;background:var(--white);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}.who{display:flex;align-items:center;gap:10px;min-width:0}.who-text{display:flex;flex-direction:column;line-height:1.3;min-width:0}.who-text strong{font-size:14px}.who-text small{font-size:12px;color:var(--ink-mute);direction:ltr;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.avatar-initials{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;flex:none;border-radius:50%;background:var(--orange-wash);color:var(--orange-2);font-weight:700;font-size:14px;text-transform:uppercase}.avatar-img{border-radius:50%;object-fit:cover;background:var(--cream);flex:none}.content{padding:24px;display:flex;flex-direction:column;gap:18px;max-width:980px;width:100%}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}.page-head h1{font-size:24px;font-weight:700}.card{background:var(--white);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:20px;display:flex;flex-direction:column;gap:12px}.card h2{font-size:17px;font-weight:700}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.empty-card{align-items:flex-start}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.stat{background:var(--white);border-radius:16px;box-shadow:var(--shadow-soft);padding:16px;display:flex;align-items:center;gap:12px}.stat-ic{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;flex:none;border-radius:12px;background:var(--orange-wash);color:var(--orange-2)}.stat-body{display:flex;flex-direction:column;line-height:1.3;min-width:0}.stat-body small{font-size:12px;color:var(--ink-mute);font-weight:600}.stat-body strong{font-size:18px;font-weight:700}.stat-hint{font-size:11px;color:var(--ink-mute)}.status-card{flex-direction:row;align-items:center;gap:14px}.status-ic{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;flex:none;border-radius:16px;background:var(--cream);color:var(--muted)}.status-card.active .status-ic{background:#e6f5ec;color:var(--green)}.status-card.expired .status-ic{background:#fef6f6;color:var(--red)}.status-card strong{font-size:17px}.confirming-card{flex-direction:row;align-items:center;gap:14px;border:1.5px solid var(--orange-soft);background:var(--orange-wash)}.confirming-card strong{font-size:15px}.spinner.small{width:22px;height:22px;border-width:2.5px;flex:none}.plan-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.plan-card{border:1.5px solid var(--line);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:12px;background:var(--white);transition:border-color .12s,box-shadow .12s}.plan-card:hover{border-color:var(--orange-soft);box-shadow:var(--shadow-soft)}.plan-card.current{border-color:var(--orange);background:var(--orange-wash)}.plan-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.plan-head strong{font-size:16px}.plan-price{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}.plan-price .amount{font-size:28px;font-weight:800;color:var(--ink)}.plan-price .cur{font-size:14px;font-weight:700;color:var(--muted)}.plan-price small{font-size:12px;color:var(--ink-mute)}.renew-note{font-size:12px;line-height:1.8;color:var(--muted);background:var(--cream);border-radius:12px;padding:12px 14px}.detail-list{margin:0;display:grid;gap:12px}.detail-list>div{display:flex;justify-content:space-between;gap:12px}.detail-list dt{font-size:13px;color:var(--ink-mute);font-weight:700}.detail-list dd{margin:0;font-size:14px;font-weight:600}.kid-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.kid-card{background:var(--white);border-radius:16px;box-shadow:var(--shadow-soft);padding:14px;display:flex;align-items:center;gap:12px}.kid-meta{display:flex;flex-direction:column;min-width:0;flex:1}.kid-meta strong{display:flex;align-items:center;gap:8px;font-size:15px}.kid-meta small{font-size:12px;color:var(--ink-mute)}.kid-actions{display:flex;gap:6px}.tag{font-style:normal;font-size:10px;font-weight:700;background:var(--orange-wash);color:var(--orange-2);border-radius:var(--radius-pill);padding:2px 8px}.kid-strip{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}.kid-chip{display:inline-flex;align-items:center;gap:8px;background:var(--cream);border-radius:var(--radius-pill);padding:7px 14px;font-size:13px;font-weight:700}.kid-chip em{font-style:normal;font-size:10px;color:var(--orange-2)}.avatar-picker{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px;max-height:200px;overflow-y:auto}.avatar-option{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;padding:3px;border-radius:50%;border:2px solid transparent;background:var(--cream);font-size:11px;color:var(--muted);overflow:hidden}.avatar-option img{border-radius:50%;object-fit:cover}.avatar-option.selected{border-color:var(--orange);background:var(--orange-wash)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#1e161059;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:grid;place-items:center;padding:16px;z-index:50}.modal{background:var(--white);border-radius:var(--radius-card);box-shadow:var(--shadow-lift);width:100%;max-width:460px;max-height:90vh;display:flex;flex-direction:column;animation:dialog-pop .16s ease-out}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px 12px}.modal-head h3{font-size:17px;font-weight:700}.modal-body{padding:4px 20px 18px;overflow-y:auto}.modal-foot{display:flex;justify-content:flex-end;gap:8px;padding:14px 20px 18px;border-top:1px solid var(--line)}.modal-dialog{max-width:400px}.modal-dialog-body{padding:22px 22px 6px}.modal-dialog-title{font-size:17px;font-weight:700;margin-bottom:8px}.modal-dialog-message{font-size:14px;color:var(--muted);line-height:1.7}.modal-dialog-body .input{margin-top:14px}.modal-dialog-error{color:var(--red);font-size:12px;font-weight:600;margin-top:8px}.modal-dialog-foot{display:flex;justify-content:flex-end;gap:8px;padding:18px 22px 20px}@keyframes dialog-pop{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}.toast-stack{position:fixed;inset-block-end:20px;inset-inline-end:20px;display:flex;flex-direction:column;gap:10px;z-index:60;max-width:min(360px,calc(100vw - 32px))}.toast{display:flex;align-items:flex-start;gap:10px;background:var(--white);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-lift);padding:12px 14px;animation:toast-in .18s ease-out}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.toast-ic{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;flex:none;border-radius:50%;color:#fff}.toast-success .toast-ic{background:var(--green)}.toast-error .toast-ic{background:var(--red)}.toast-info .toast-ic{background:var(--ink)}.toast-success{border-color:#cfeed9}.toast-error{border-color:var(--red-soft)}.toast-body{min-width:0;flex:1}.toast-msg{font-size:14px;font-weight:700;line-height:1.5}.toast-detail{font-size:12px;color:var(--muted);margin-top:2px}.toast-error .toast-msg{color:#8e2e2e}.toast-close{border:none;background:transparent;color:var(--ink-mute);border-radius:50%;width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;flex:none}.toast-close:hover{background:var(--cream);color:var(--ink)}@media (max-width: 760px){.app{grid-template-columns:1fr}.sidebar{position:fixed;inset-block-end:0;inset-inline:0;height:auto;flex-direction:row;align-items:center;justify-content:space-around;border-inline-end:none;border-top:1px solid var(--line);padding:6px 8px calc(6px + env(safe-area-inset-bottom));z-index:20}.brand,.sidebar-foot{display:none}.nav{flex-direction:row;width:100%;justify-content:space-around}.nav-item{flex-direction:column;gap:2px;font-size:11px;padding:8px 10px}.topbar{padding:12px 16px}.content{padding:16px 16px 90px}.page-head h1{font-size:20px}.toast-stack{inset-block-end:84px;inset-inline:16px;max-width:none}}.login-hint{font-size:12px;line-height:1.8;color:var(--muted);background:var(--cream);border-radius:12px;padding:10px 14px;text-align:start}