:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#12203a;background:#f7f9fd;--nav:#101a38;--ink:#12203a;--muted:#73809a;--line:#e3e8f1;--blue:#5668ef;--green:#2fb37b;--violet:#7b61eb;--gold:#d99317;--shadow:0 16px 44px rgba(28,45,85,.08)}*{box-sizing:border-box}body{margin:0;background:linear-gradient(145deg,#f8fbff,#f8f7ff);min-width:320px}button,input,select,textarea{font:inherit}button{cursor:pointer}.center{min-height:100vh;display:grid;place-items:center;padding:24px}.loadingCard,.authCard{background:#fff;border:1px solid var(--line);border-radius:28px;padding:34px;box-shadow:var(--shadow);max-width:560px;width:100%}.authSplit{width:min(1020px,100%);display:grid;grid-template-columns:1fr 1fr;background:#fff;border-radius:30px;overflow:hidden;box-shadow:0 24px 70px #1d2a5221}.authVisual{min-height:620px;background:linear-gradient(180deg,#b1ddfbd9,#f1e1ffa6),linear-gradient(145deg,#8fd6f7,#d9d4ff);position:relative}.authVisual:after{content:"";position:absolute;left:0;right:0;bottom:0;height:42%;background:linear-gradient(155deg,transparent 30%,rgba(23,88,89,.18) 31% 55%,rgba(15,78,74,.28) 56%);clip-path:polygon(0 100%,0 58%,18% 34%,35% 60%,52% 24%,67% 51%,83% 20%,100% 46%,100% 100%)}.visualCopy{position:absolute;z-index:2;left:38px;right:38px;top:40px;color:#10203e}.visualCopy h2{font-size:3rem;line-height:1.02;letter-spacing:-.05em;margin:80px 0 12px}.visualCopy p{font-size:1.08rem}.brand{display:flex;align-items:center;gap:11px}.brandMark{width:42px;height:42px;border-radius:15px;display:grid;place-items:center;color:#fff;font-size:22px;background:linear-gradient(135deg,#55cbd0,#6e65ef);box-shadow:0 10px 24px #4c70e038}.brand strong,.brand small{display:block}.brand strong{font-size:1.05rem}.brand small{font-size:.72rem;color:#7b8497}.brandLight{color:#fff}.brandLight small{color:#b7c3de}.authCard h1{font-size:2rem;letter-spacing:-.035em;margin:24px 0 8px}.authCard p{color:var(--muted)}.eyebrow,.kicker{display:inline-flex;align-items:center;gap:7px;font-size:.78rem;color:var(--blue);font-weight:800}.stack{display:grid;gap:12px;margin:24px 0}input,select,textarea{width:100%;border:1px solid #dce2ed;border-radius:14px;padding:13px 14px;background:#fff;color:var(--ink);outline:none}input:focus,select:focus,textarea:focus{border-color:#7b85f4;box-shadow:0 0 0 3px #eef0ff}.primary,.softBtn{border:0;border-radius:13px;padding:12px 16px;font-weight:800}.primary{background:linear-gradient(135deg,#586af0,#7b61e9);color:#fff;box-shadow:0 9px 20px #5a63e62e;display:inline-flex;gap:7px;align-items:center;justify-content:center}.primary.small{padding:9px 12px;font-size:.84rem}.softBtn{background:#eef1ff;color:#4d5ed1}.textBtn{border:0;background:transparent;color:#5566e8;padding:8px 0}.notice,.error{padding:12px 14px;border-radius:12px;background:#eef3ff;color:#44558c}.domain{display:block;color:#a0a8b8;margin-top:18px}.appShell{min-height:100vh;display:grid;grid-template-columns:235px 1fr}.sidebar{background:linear-gradient(180deg,#111c3d,#0c1732);color:#eaf0ff;padding:24px 18px;display:flex;flex-direction:column;gap:16px;position:sticky;top:0;height:100vh}.modeBox{background:#1b2851;border:1px solid #31406a;border-radius:16px;padding:12px;display:flex;align-items:center;justify-content:space-between}.modeBox small,.modeBox strong{display:block}.modeBox small{color:#95a4c6;font-size:.7rem}.modeBox button{border:0;border-radius:9px;padding:8px 10px;color:#fff;background:#6271f4}.sidebar label{font-size:.72rem;color:#9eaac5;margin-bottom:-9px}.sidebar select{background:#18264b;color:#fff;border-color:#33446f}.sidebar nav{display:grid;gap:4px}.sidebar nav button,.sideFoot button{border:0;background:transparent;color:#d8e2f7;border-radius:11px;padding:11px 12px;display:flex;align-items:center;gap:10px;text-align:left}.sidebar nav button.active{background:#22335f;color:#fff}.sideFoot{margin-top:auto;display:grid;gap:10px}.sideFoot span{font-size:.69rem;color:#93a1c1;display:flex;gap:6px;align-items:center}.main{padding:0 34px 90px;min-width:0}.topbar{height:90px;display:flex;align-items:center;justify-content:space-between;max-width:1180px;margin:auto}.topbar small{color:#8a95aa}.topbar h2{margin:5px 0 0;font-size:1.08rem}.avatar{border-radius:50%;overflow:hidden;display:grid;place-items:center;font-weight:900;background:linear-gradient(135deg,#5ec9b2,#6d79ef);color:#fff}.avatar img{width:100%;height:100%;object-fit:cover}.avatar.sm{width:34px;height:34px}.avatar.md{width:44px;height:44px}.avatar.lg{width:88px;height:88px;font-size:2rem}.page{max-width:1180px;margin:auto;display:grid;gap:18px}.heroCard,.parentHero{padding:30px;border:1px solid #e0e5f0;border-radius:28px;background:linear-gradient(135deg,#eef5ff,#f7efff);display:flex;justify-content:space-between;align-items:center}.heroCopy h1,.parentHero h1{font-size:clamp(2rem,4vw,3.4rem);letter-spacing:-.05em;margin:7px 0 8px}.heroCopy p,.parentHero p{color:var(--muted);margin:0}.progressRing{width:138px;height:138px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--green) 0 var(--pct),#e7ebf2 var(--pct) 360deg);flex:0 0 auto}.progressRing>div{width:100px;height:100px;border-radius:50%;background:#fff;display:grid;place-items:center;align-content:center}.progressRing strong{font-size:1.8rem}.progressRing span{font-size:.72rem;color:var(--muted)}.statGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.statGrid.four{grid-template-columns:repeat(4,1fr)}.statCard{background:#fff;border:1px solid var(--line);border-radius:19px;padding:18px;box-shadow:0 6px 20px #1c2d5509}.statIcon{width:38px;height:38px;border-radius:12px;background:#eef1ff;color:#5a67e8;display:grid;place-items:center}.statCard span,.statCard strong{display:block}.statCard span{font-size:.76rem;color:var(--muted);margin:9px 0 4px}.statCard strong{font-size:1.45rem}.panel{background:#fff;border:1px solid var(--line);border-radius:22px;padding:20px;box-shadow:0 8px 26px #1c2d5509}.panelHead{display:flex;justify-content:space-between;gap:16px;align-items:start;margin-bottom:9px}.panel h3{margin:0;font-size:1.02rem}.panelHead p{margin:5px 0 0;color:#8a94a6;font-size:.8rem}.goalRow,.approval,.ledgerRow,.timelineRow{display:flex;align-items:center;gap:13px;padding:14px 3px;border-top:1px solid #edf0f5}.goalRow:first-child,.approval:first-child,.ledgerRow:first-child,.timelineRow:first-child{border-top:0}.goalIcon,.ledgerIcon,.approvalIcon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;flex:0 0 auto}.goalIcon.learning{background:#eaf4ff;color:#377cc6}.goalIcon.responsibility{background:#f1efff;color:#705ed8}.goalIcon.health{background:#eafaf3;color:#229766}.goalIcon.character{background:#fff2e0;color:#bd7a17}.goalIcon.money{background:#eef9f2;color:#2f9b67}.ledgerIcon,.approvalIcon{background:#eef9f3;color:#269968}.grow{flex:1;min-width:0}.goalRow strong,.goalRow span,.approval strong,.approval span,.ledgerRow strong,.ledgerRow span{display:block}.goalRow span,.approval span,.ledgerRow span{font-size:.76rem;color:#8791a4;margin-top:4px}.approvalActions{display:flex;gap:8px}.approvalActions button{border:1px solid var(--line);background:#fff;border-radius:10px;padding:8px 10px}.approvalActions .approve{background:#eef9f4;color:#1d8a5e;border-color:#d6eee3}.empty{padding:22px;text-align:center;background:#fafbfc;border-radius:14px;color:#929bad}.encourage{display:flex;gap:12px;align-items:center;padding:18px;border-radius:18px;background:linear-gradient(135deg,#f2efff,#eff6ff);color:#6758d2}.encourage strong,.encourage span{display:block}.encourage span{font-size:.78rem;color:#8177a7;margin-top:3px}.pageTitle{display:flex;justify-content:space-between;align-items:center}.pageTitle h1{margin:0;font-size:2rem;letter-spacing:-.035em}.pageTitle p{margin:5px 0 0;color:var(--muted)}.formGrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.formGrid label{font-size:.78rem;font-weight:800;color:#5b667c}.formGrid label input,.formGrid label select,.formGrid label textarea{margin-top:6px}.formGrid .wide{grid-column:1/-1}.formGrid textarea{min-height:90px}.bankHero{background:linear-gradient(135deg,#e9f6ff,#f2edff);border:1px solid #dee7f3;border-radius:27px;padding:28px;display:flex;justify-content:space-between;align-items:center}.bankHero span,.bankHero strong,.bankHero small{display:block}.bankHero span{color:#6673df;font-weight:800}.bankHero strong{font-size:3rem;letter-spacing:-.05em;margin:5px 0}.bankHero small{color:var(--muted)}.positive{color:#209160}.negative{color:#bd4444}.disclaimer{text-align:center;color:#98a1b3;font-size:.72rem}.categoryGrid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.categoryCard{padding:16px;border-radius:15px;background:#f8fafc}.categoryCard span{font-size:.76rem;color:#7a8498;text-transform:capitalize}.categoryCard strong{display:block;font-size:1.5rem;margin:5px 0}.bar{height:6px;border-radius:99px;background:#e8edf3;overflow:hidden}.bar i{display:block;height:100%;background:linear-gradient(90deg,#48bd88,#6672ee)}.journey{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.journey span{text-align:center;padding:12px 8px;border-radius:14px;background:#f3f5f8;color:#8c96aa;font-size:.78rem;font-weight:800}.journey span.done{background:#e9f8f1;color:#238b61}.timelineCheck,.timelineBadge{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#e9f8f1;color:#218b5e;font-weight:900}.timelineBadge{background:#fff3dd;color:#b77715}.timelineRow span{display:block;font-size:.75rem;color:#8993a6;margin-top:4px}.coachHero{text-align:center;padding:34px 20px;background:linear-gradient(135deg,#eef4ff,#f6efff);border:1px solid #e5e6f3;border-radius:28px}.coachIcon{width:62px;height:62px;border-radius:19px;background:#fff;color:#675be1;display:grid;place-items:center;margin:0 auto 12px;box-shadow:0 10px 25px #3b45871a}.coachHero h1{font-size:clamp(2rem,4vw,3.2rem);letter-spacing:-.04em;margin:8px 0}.coachHero p{max-width:680px;margin:auto;color:var(--muted)}.coachInput{min-height:130px;resize:vertical;margin-bottom:12px}.coachAnswer{margin-top:15px;border-radius:14px;background:#f4f1ff;padding:15px;display:flex;gap:10px;line-height:1.55;white-space:pre-wrap}.profileHero{display:flex;align-items:center;gap:18px;padding:24px;border-radius:24px;background:linear-gradient(135deg,#eef6ff,#f8f2ff);border:1px solid #e1e7f1}.profileHero h1{margin:0}.profileHero p{margin:5px 0;color:var(--muted)}.profileHero .softBtn{margin-left:auto}.badgeGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.badgeCard{padding:18px;border:1px solid var(--line);border-radius:17px;background:#fbfcfe}.badgeMedal{width:42px;height:42px;border-radius:50%;background:#fff1d8;color:#b97b17;display:grid;place-items:center}.badgeCard strong,.badgeCard span,.badgeCard small{display:block}.badgeCard strong{margin:10px 0 4px}.badgeCard span{font-size:.76rem;color:#788399}.badgeCard small{margin-top:8px;color:#655ee0;font-weight:800}.badgeForm{display:grid;grid-template-columns:1fr 2fr 120px auto;gap:10px}.inlineForm{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end}.inlineForm small{grid-column:1/-1;color:var(--muted)}.settingsRow{display:flex;align-items:end;gap:12px}.settingsRow label{flex:1}.settingsList{display:grid}.settingsList>div{display:flex;gap:12px;padding:14px 0;border-top:1px solid #edf0f5}.settingsList>div:first-child{border-top:0}.settingsList svg{color:#6270e9}.settingsList strong,.settingsList small{display:block}.settingsList small{color:var(--muted);margin-top:3px}.bottomNav{display:none}@media(max-width:980px){.appShell{grid-template-columns:1fr}.sidebar{display:none}.main{padding:0 18px 92px}.topbar{height:74px}.bottomNav{display:grid;position:fixed;left:10px;right:10px;bottom:8px;grid-template-columns:repeat(5,1fr);z-index:20;background:#fffffff5;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--line);border-radius:21px;padding:7px;box-shadow:0 16px 42px #1c2d5529}.bottomNav button{border:0;background:transparent;color:#8b95a8;border-radius:13px;padding:6px 2px;display:grid;justify-items:center;gap:2px;font-size:.64rem}.bottomNav button.active{background:#eef1ff;color:#5261df}.statGrid.four,.categoryGrid{grid-template-columns:repeat(2,1fr)}.badgeForm{grid-template-columns:1fr 1fr}.authSplit{grid-template-columns:1fr;max-width:560px}.authVisual{display:none}}@media(max-width:620px){.center{padding:14px}.authCard{padding:25px 20px}.main{padding:0 12px 86px}.topbar{padding:0 3px}.topbar h2{font-size:1rem}.heroCard,.parentHero{padding:18px;align-items:flex-start}.heroCopy h1,.parentHero h1{font-size:2rem}.progressRing{width:102px;height:102px}.progressRing>div{width:76px;height:76px}.progressRing strong{font-size:1.35rem}.statGrid,.statGrid.four{grid-template-columns:repeat(3,1fr);gap:8px}.statGrid.four .statCard:nth-child(4){display:none}.statCard{padding:11px 8px}.statCard strong{font-size:1.05rem}.statIcon{width:31px;height:31px}.panel{padding:15px}.goalRow{gap:9px}.goalIcon{width:39px;height:39px}.goalRow>svg{display:none}.approval{align-items:flex-start;flex-wrap:wrap}.approvalActions{width:100%}.approvalActions button{flex:1}.formGrid,.categoryGrid,.badgeGrid,.badgeForm,.inlineForm{grid-template-columns:1fr}.formGrid .wide,.inlineForm small{grid-column:auto}.journey{grid-template-columns:1fr}.profileHero{align-items:flex-start}.profileHero .softBtn{margin-left:0}.bankHero strong{font-size:2.2rem}.pageTitle{align-items:flex-start;gap:12px}.pageTitle h1{font-size:1.65rem}.settingsRow{align-items:stretch;flex-direction:column}.bottomNav{left:7px;right:7px;bottom:6px}.bottomNav button{font-size:.59rem}}