@import "https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,600..800&family=Hanken+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@500;600&family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&display=swap";:root{--bg:#f5f3fa;--surface:#fff;--surface-2:#f0edf9;--ink:#161327;--ink-soft:#6b6380;--ink-faint:#9891ac;--line:#e5e0f2;--primary:#4b2fd1;--primary-soft:#ede9fc;--primary-ink:#fff;--accent:#ff5a36;--accent-soft:#ffe4db;--good:#0e8f5c;--good-soft:#dff6ec;--warn:#946200;--warn-soft:#fff3dc;--focus:#4b2fd1;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#120f1f;--surface:#1b1730;--surface-2:#221d3c;--ink:#f1eefb;--ink-soft:#b3acc9;--ink-faint:#7c7496;--line:#332c55;--primary:#8f7cf0;--primary-soft:#2a2350;--primary-ink:#160f33;--accent:#ff8462;--accent-soft:#3a2420;--good:#3dda9e;--good-soft:#123b2c;--warn:#ffc24d;--warn-soft:#3b2e0e;--focus:#8f7cf0}}:root[data-theme=dark]{--bg:#120f1f;--surface:#1b1730;--surface-2:#221d3c;--ink:#f1eefb;--ink-soft:#b3acc9;--ink-faint:#7c7496;--line:#332c55;--primary:#8f7cf0;--primary-soft:#2a2350;--primary-ink:#160f33;--accent:#ff8462;--accent-soft:#3a2420;--good:#3dda9e;--good-soft:#123b2c;--warn:#ffc24d;--warn-soft:#3b2e0e;--focus:#8f7cf0}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;justify-content:center;margin:0;font-family:Hanken Grotesk,ui-sans-serif,system-ui,sans-serif;display:flex}button{font-family:inherit}a{color:var(--primary)}:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:4px}#shell{background:var(--bg);flex-direction:column;width:100%;max-width:430px;min-height:100vh;display:flex;position:relative}@media (width>=640px){body{background:var(--surface-2);align-items:center}#shell{height:min(900px,94vh);min-height:0;box-shadow:0 24px 60px -24px #0006, 0 0 0 1px var(--line);border-radius:28px;margin:24px 0;overflow:hidden}}#shell.rtl-font{font-family:IBM Plex Sans Arabic,Hanken Grotesk,sans-serif}#shell.rtl-font .disp{letter-spacing:0;font-family:IBM Plex Sans Arabic,sans-serif}#app{flex-direction:column;flex:auto;min-height:0;display:flex}.disp{letter-spacing:-.01em;font-family:Bricolage Grotesque,sans-serif}.mono{font-family:JetBrains Mono,monospace}.screen{flex-direction:column;flex:auto;gap:18px;padding:28px 20px 0;display:flex;overflow-y:auto}.screen.no-scroll{overflow:hidden}.pill{border-radius:999px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-block}.pill-good{color:var(--good);background:var(--good-soft)}.pill-warn{color:var(--warn);background:var(--warn-soft)}.pill-muted{color:var(--ink-faint);background:var(--surface-2)}.pill-info{color:var(--primary);background:var(--primary-soft)}.btn{cursor:pointer;text-align:center;border:none;border-radius:6px 18px 6px 6px;width:100%;padding:15px;font-size:15px;font-weight:700}.btn-primary{background:var(--accent);color:#fff}.btn-secondary{background:var(--primary);color:#fff}.btn-ghost{color:var(--ink-faint);cursor:pointer;background:0 0;border:none;padding:6px;font-size:13px;font-weight:500}.card{background:var(--surface);border:1px solid var(--line);border-radius:6px 20px 6px 6px}.navbar{padding:12px 8px calc(env(safe-area-inset-bottom,0px) + 18px);background:var(--surface);border-top:1px solid var(--line);flex:none;justify-content:space-around;align-items:center;display:flex}.navitem{color:var(--ink-faint);cursor:pointer;background:0 0;border:none;border-radius:14px;flex-direction:column;align-items:center;gap:4px;padding:6px 14px;font-family:inherit;display:flex}.navitem.active{color:var(--primary);background:var(--primary-soft)}.navitem span{font-size:10.5px;font-weight:600}.choice{background:var(--surface);border:1.5px solid var(--line);cursor:pointer;text-align:start;width:100%;color:var(--ink);border-radius:6px 20px 6px 6px;align-items:center;gap:14px;padding:15px 16px;font-family:inherit;font-size:15px;font-weight:600;display:flex}.choice.selected{border-color:var(--primary);border-width:2px}.choice-icon{background:var(--surface-2);border-radius:6px 12px 6px 6px;flex:none;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.choice.selected .choice-icon{background:var(--primary)}.stepper{align-items:center;gap:16px;display:flex}.stepbtn{border:1.5px solid var(--line);background:var(--surface);cursor:pointer;width:38px;height:38px;color:var(--primary);border-radius:10px;font-size:18px;font-weight:700}.progress-row{gap:6px;display:flex}.progress-seg{background:var(--line);border-radius:2px;flex:1;height:4px}.progress-seg.done{background:var(--primary)}.topbar{flex:none;justify-content:flex-end;align-items:center;padding:12px 20px 0;display:flex}.lang-select{color:var(--ink-soft);background:var(--surface);border:1px solid var(--line);cursor:pointer;border-radius:999px;padding:6px 10px;font-family:inherit;font-size:12px;font-weight:600}.iconbtn{color:var(--ink-faint);cursor:pointer;background:0 0;border:none;padding:4px;display:flex}.chevron-icon{display:inline-flex}[dir=rtl] .chevron-icon{transform:scaleX(-1)}.benefit-card{color:inherit;font-family:inherit}input[type=date],input[type=number],input[type=text]{border:1.5px solid var(--line);background:var(--bg);width:100%;color:var(--ink);border-radius:8px;padding:10px 12px;font-family:inherit;font-size:15px}label.field-label{color:var(--ink-soft);margin-bottom:6px;font-size:12.5px;font-weight:600;display:block}.field-hint{color:var(--ink-faint);margin-top:6px;font-size:11.5px}.eyebrow{letter-spacing:.05em;text-transform:uppercase;color:var(--primary);font-family:JetBrains Mono,monospace;font-size:10.5px;font-weight:600}.page-heading{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.page-heading h1{margin:4px 0 2px;font-size:28px}.page-heading p{color:var(--ink-soft);max-width:560px;margin:0;font-size:13.5px;line-height:1.5}.avatar-button{border:1px solid var(--line);background:var(--surface);width:42px;height:42px;color:var(--primary);cursor:pointer;border-radius:14px;flex:none;justify-content:center;align-items:center;display:flex}.btn-small{border:1px solid var(--line);background:var(--surface);color:var(--primary);cursor:pointer;white-space:nowrap;border-radius:10px;padding:9px 12px;font-weight:700}.section-title-row{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.section-title-row h2{margin:0;font-size:17px}.section-title-row button{color:var(--primary);cursor:pointer;background:0 0;border:0;font-size:12px;font-weight:700}.dashboard-screen section{display:block}.attention-card{background:var(--primary);color:#fff;text-align:start;cursor:pointer;border:0;border-radius:8px 24px 8px 8px;align-items:center;gap:13px;width:100%;padding:16px;display:flex}.attention-card .eyebrow{color:#d8d0ff}.attention-icon{background:#ffffff24;border-radius:12px;flex:none;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.attention-copy{flex-direction:column;flex:1;gap:2px;display:flex}.attention-copy strong{font-family:Bricolage Grotesque,sans-serif;font-size:20px}.attention-copy small{color:#ddd7ff;font-size:11.5px}.calm-card{color:var(--good);align-items:flex-start;gap:10px;padding:15px;display:flex}.calm-card div{flex-direction:column;gap:3px;display:flex}.calm-card strong{color:var(--ink);font-size:13.5px}.calm-card span{color:var(--ink-soft);font-size:12px;line-height:1.45}.benefit-grid{gap:10px;display:grid}.why-note,.privacy-note,.info-disclaimer{color:var(--ink-soft);align-items:flex-start;gap:8px;font-size:11.5px;line-height:1.45;display:flex}.why-note{margin-top:8px}.privacy-note{background:var(--surface-2);border-radius:12px;padding:11px 12px}.privacy-note svg,.why-note svg,.info-disclaimer svg{color:var(--primary);flex:none}.areas-grid{gap:10px;display:grid}.profile-strip{background:var(--surface);border:1px solid var(--line);text-align:start;width:100%;color:var(--ink);cursor:pointer;border-radius:8px 20px 8px 8px;justify-content:space-between;align-items:center;padding:14px 15px;display:flex}.profile-strip div{flex-direction:column;gap:2px;display:flex}.profile-strip span{color:var(--ink-faint);font-size:11px}.profile-strip strong{font-size:13.5px}.brand-lockup{align-items:center;gap:11px;display:flex}.brand-lockup>div:last-child{flex-direction:column;display:flex}.brand-lockup strong{font-size:18px}.brand-lockup span{color:var(--ink-soft);font-size:11px}.brand-mark{background:var(--primary);color:#fff;border-radius:8px 16px 8px 8px;flex:none;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.welcome-screen{padding-top:20px}.welcome-hero{padding:26px 0 8px}.welcome-hero h1{max-width:700px;margin:10px 0 12px;font-size:34px;line-height:1.08}.welcome-hero p{color:var(--ink-soft);margin:0;font-size:14px;line-height:1.6}.welcome-grid{gap:10px;display:grid}.welcome-feature{background:var(--surface);border:1px solid var(--line);color:var(--primary);border-radius:8px 20px 8px 8px;align-items:flex-start;gap:12px;padding:14px;display:flex}.welcome-feature div{flex-direction:column;gap:3px;display:flex}.welcome-feature strong{color:var(--ink);font-size:13.5px}.welcome-feature span{color:var(--ink-soft);font-size:11.5px;line-height:1.4}.welcome-cta{margin-top:auto}.profile-card{overflow:hidden}.profile-row{border-bottom:1px solid var(--line);justify-content:space-between;gap:20px;padding:13px 15px;font-size:13px;display:flex}.profile-row:last-child{border-bottom:0}.profile-row span{color:var(--ink-soft)}.profile-row strong{text-align:end}.empty-state{text-align:center;justify-content:center;align-items:center}.empty-state h1{margin:0;font-size:22px}.empty-state p{color:var(--ink-soft);max-width:300px;font-size:13px}.empty-state .btn{max-width:260px}.deadline-section{flex-direction:column;gap:9px;display:flex}.deadline-card{border:1px solid var(--line);background:var(--surface);text-align:start;width:100%;color:var(--ink);cursor:pointer;border-radius:8px 18px 8px 8px;align-items:center;gap:10px;padding:13px;display:flex}.deadline-dot{background:var(--primary);border-radius:50%;flex:none;width:9px;height:9px}.deadline-dot.urgent{background:var(--accent)}.deadline-main{flex-direction:column;flex:1;gap:2px;display:flex}.deadline-main strong{font-size:13.5px}.deadline-main span{color:var(--ink-soft);font-size:11.5px;line-height:1.35}.deadline-main small{color:var(--ink-faint);margin-top:2px;font-size:11px}.desktop-brand{display:none}@media (width>=760px){body{background:var(--bg);align-items:stretch}#shell{max-width:1180px;height:auto;min-height:100vh;box-shadow:none;background:var(--bg);border-radius:0;margin:0 auto;overflow:visible}#app{flex-direction:row;padding-left:230px;display:flex;position:relative}.topbar{z-index:3;padding:20px 30px 0;position:relative}.navbar{background:var(--surface);border-top:0;border-right:1px solid var(--line);z-index:4;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:6px;width:210px;margin-left:-230px;padding:24px 14px;position:fixed;top:0;bottom:0}[dir=rtl] .navbar{border-right:0;border-left:1px solid var(--line);margin-left:0;margin-right:-230px}.desktop-brand{border-bottom:1px solid var(--line);align-items:center;gap:9px;margin-bottom:10px;padding:0 8px 24px;display:flex}.desktop-brand .brand-mark{width:34px;height:34px}.desktop-brand strong{font-size:16px}.navitem{border-radius:10px;flex-direction:row;justify-content:flex-start;gap:11px;padding:11px 12px}.navitem span{font-size:13px}.screen{gap:22px;width:100%;max-width:920px;margin:0 auto;padding:30px 36px 46px;overflow:visible}.welcome-screen{max-width:900px}.welcome-grid{grid-template-columns:repeat(3,1fr)}.welcome-hero h1{font-size:46px}.welcome-cta{max-width:320px;margin-top:6px}.welcome-screen>.btn-ghost{text-align:center;max-width:320px}.areas-grid,.benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-card,.dashboard-screen .profile-strip{max-width:720px}#app{flex-direction:row;min-height:calc(100vh - 52px);padding-left:230px;display:flex}.navbar{height:auto;margin-left:0;position:absolute;top:0;bottom:0;left:0}[dir=rtl] #app{padding-left:0;padding-right:230px}[dir=rtl] .navbar{margin-right:0;left:auto;right:0}}.stale-profile-card{border:1px solid var(--line);background:var(--warn-soft);width:100%;color:var(--ink);text-align:start;cursor:pointer;border-radius:10px 20px 10px 10px;align-items:center;gap:12px;padding:13px 15px;display:flex}.stale-profile-card>div:nth-child(2){flex-direction:column;flex:1;gap:3px;display:flex}.stale-profile-card strong{font-size:13.5px}.stale-profile-card span{color:var(--ink-soft);font-size:11.5px;line-height:1.45}.stale-icon{background:var(--surface);width:38px;height:38px;color:var(--warn);border-radius:11px;flex:none;justify-content:center;align-items:center;display:flex}.dashboard-columns{gap:20px;display:grid}.dashboard-primary,.dashboard-secondary{min-width:0}.life-section{margin-top:2px}.dashboard-heading h1{font-size:34px}.deadlines-screen{max-width:900px}@media (width>=760px){#shell{width:100%;max-width:none}#app{padding-left:220px}.navbar{width:220px}.screen{max-width:1080px;padding:34px 44px 54px}.dashboard-screen{max-width:1120px}.dashboard-heading h1{margin-top:6px;font-size:40px}.dashboard-columns{grid-template-columns:minmax(0,1.15fr) minmax(310px,.85fr);align-items:start;gap:18px}.dashboard-secondary .benefit-grid{grid-template-columns:1fr}.life-section .areas-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.dashboard-screen .profile-strip{max-width:none}.topbar{padding-right:44px}}@media (width>=1180px){.screen{max-width:1180px;padding-left:58px;padding-right:58px}.dashboard-screen{max-width:1240px}}.profile-groups{gap:18px;display:grid}.profile-groups section h2{margin:0 0 9px;font-size:16px}.profile-missing{color:var(--ink-faint);font-weight:600}.profile-missing em{color:var(--primary);font-size:11px;font-style:normal}.profile-actions{gap:14px;display:grid}.profile-actions .btn{max-width:360px}.profile-screen{max-width:1080px}@media (width>=760px){.topbar{z-index:8;width:192px;padding:0;position:fixed;top:auto;bottom:22px;left:max(14px,50vw - 50% + 14px)}.topbar .lang-select{background:var(--surface-2);width:100%;padding:9px 11px}.navbar{padding-bottom:76px}.profile-screen{max-width:1120px}.profile-groups{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:start}.profile-groups section:first-child{grid-row:span 2}.profile-card{max-width:none}.profile-actions{grid-template-columns:minmax(0,1fr) 280px;align-items:center}.profile-actions .btn{max-width:none}}