*{box-sizing:border-box}body{margin:0}:root{--navy:#16233f;--bg:#f4f3ed;--surface:#fff;--text:#16233f;--text-soft:#5b6472;--text-faint:#8a93a0;--line:#16233f24;--line-strong:#16233f47;--gold:#b8863b;--gold-deep:#8c6528;--gold-bg:#f1e7d2;--sage:#4b7a63;--sage-deep:#355a47;--sage-bg:#e3ede6;--brick:#a8493b;--brick-deep:#7c332a;--brick-bg:#f2e2df;--steel:#3f5f84;--steel-deep:#2c4560;--steel-bg:#e2e8f0;--btn-primary-bg:var(--navy);--btn-primary-text:#f4f3ed;--radius:10px;--font-serif:"Fraunces",Georgia,serif;--font-sans:"IBM Plex Sans",system-ui,sans-serif;--font-mono:"IBM Plex Mono",monospace}html.dark{--bg:#14181d;--surface:#1b2027;--text:#f0eee4;--text-soft:#a8a79c;--text-faint:#6e6d64;--line:#f0eee41f;--line-strong:#f0eee43d;--gold:#d2a458;--gold-deep:#f0c888;--gold-bg:#3a2e18;--sage:#6fa486;--sage-deep:#a8d4bc;--sage-bg:#1e3128;--brick:#c97363;--brick-deep:#f0b4a8;--brick-bg:#3a211c;--steel:#6c93c4;--steel-deep:#afc7e8;--steel-bg:#1e2a3a;--btn-primary-bg:var(--gold);--btn-primary-text:#14181d}html{background:var(--bg)}html,body{transition:background-color .15s}*{box-sizing:border-box;transition:background-color .15s,border-color .15s}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);margin:0}:focus-visible{outline:2px solid var(--gold-deep);outline-offset:2px}@media (prefers-reduced-motion:reduce){.page{animation:none!important}}.app{min-height:100vh;display:flex}.sidebar{background:var(--navy);border-right:1px solid var(--navy);flex-direction:column;flex-shrink:0;width:246px;height:100vh;padding:26px 16px;display:flex;position:sticky;top:0;overflow-y:auto}.brand{font-family:var(--font-serif);color:#f4f3ed;letter-spacing:.01em;align-items:center;gap:10px;padding:2px 6px 30px;font-size:21px;font-weight:600;display:flex}.brand-mark{border:1.5px solid var(--gold);width:32px;height:32px;color:var(--gold);font-family:var(--font-serif);background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:15px;display:flex}.brand .za{color:var(--gold)}nav.nav{flex-direction:column;flex:1;gap:1px;display:flex}.nav-item{color:#f4f3ed9e;letter-spacing:.01em;cursor:pointer;text-align:left;background:0 0;border:none;border-left:2px solid #0000;border-radius:6px;align-items:center;gap:12px;width:100%;padding:11px 12px;font-size:13px;font-weight:500;text-decoration:none;transition:background .15s,color .15s,border-color .15s;display:flex}.nav-item svg{stroke:currentColor;fill:none;stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:16px;height:16px}.nav-item:hover{color:#f4f3ed;background:#f4f3ed0f}.nav-item.active{color:var(--gold);border-left-color:var(--gold);background:#b8863b24}.sidebar-user{border-top:1px solid #f4f3ed24;align-items:center;gap:10px;margin-top:10px;padding:14px 8px 2px;display:flex}.avatar{background:var(--gold);width:30px;height:30px;color:var(--navy);font-size:12px;font-weight:700;font-family:var(--font-serif);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar-user .name{color:#f4f3ed;font-size:13px;font-weight:600}.sidebar-user .role{color:#f4f3ed80;font-size:11px}.main{flex:1;min-width:0;padding:32px 40px 60px}.topbar{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:30px;padding-bottom:18px;display:flex}.topbar .greet{color:var(--text-soft);text-transform:uppercase;letter-spacing:.07em;margin:0 0 4px;font-size:12.5px}.topbar h1{font-family:var(--font-serif);color:var(--text);align-items:center;gap:10px;margin:0;font-size:30px;font-weight:500;display:flex}.topbar h1 button{color:var(--text-faint);cursor:pointer;background:0 0;border:none;padding:0;display:flex}.topbar h1 button svg{stroke:currentColor;fill:none;stroke-width:1.4px;width:16px;height:16px}.topbar-right{align-items:center;gap:10px;display:flex}.icon-btn{border:1px solid var(--line-strong);width:36px;height:36px;color:var(--text-soft);cursor:pointer;background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.icon-btn svg{stroke:currentColor;fill:none;stroke-width:1.4px;width:16px;height:16px}.icon-sun{display:none}.icon-moon,html.dark .icon-sun{display:block}html.dark .icon-moon{display:none}.theme-switcher{background:var(--bg);border:1px solid var(--line);border-radius:11px;gap:6px;width:fit-content;padding:5px;display:flex}.theme-option{color:var(--text-soft);font-family:var(--font-sans);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:7px;padding:9px 16px;font-size:13px;font-weight:600;display:flex}.theme-option svg{stroke:currentColor;fill:none;stroke-width:1.6px;width:15px;height:15px}.theme-option.active{background:var(--surface);color:var(--text);box-shadow:0 1px 2px var(--line)}.plan-options{gap:10px;margin-bottom:16px;display:flex}.plan-option{text-align:left;border-radius:var(--radius);border:1.5px solid var(--line-strong);background:var(--surface);cursor:pointer;flex:1;padding:14px 16px}.plan-option.active{border-color:var(--gold);background:var(--gold-bg)}.plan-option-name{color:var(--text-soft);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:600}.plan-option-price{font-family:var(--font-serif);color:var(--text);margin-top:4px;font-size:21px}.plan-option-note{color:var(--gold-deep);margin-top:3px;font-size:11px;font-weight:600}.month-picker{background:var(--surface);border:1px solid var(--line-strong);font-size:12.5px;font-weight:600;font-family:var(--font-mono);border-radius:20px;align-items:center;gap:10px;padding:8px 8px 8px 16px;display:flex}.month-picker button{color:var(--text-soft);cursor:pointer;background:0 0;border:none;padding:4px;display:flex}.month-picker svg{stroke:currentColor;fill:none;stroke-width:2px;width:14px;height:14px}.page{display:none}.page.active{animation:.2s fade;display:block}@keyframes fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.stat-grid{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);grid-template-columns:repeat(3,1fr);gap:0;margin-bottom:30px;display:grid;overflow:hidden}.stat-card{border-right:1px solid var(--line);padding:24px 26px;position:relative}.stat-card:last-child{border-right:none}.stat-card .label{letter-spacing:.09em;text-transform:uppercase;color:var(--text-soft);font-size:10.5px;font-weight:600}.stat-card .value{font-family:var(--font-serif);color:var(--text);margin-top:10px;font-size:32px;font-weight:500}.stat-card.green{box-shadow:inset 0 3px 0 var(--sage)}.stat-card.blue{box-shadow:inset 0 3px 0 var(--steel)}.stat-card.red{box-shadow:inset 0 3px 0 var(--brick)}.stat-card.green .value{color:var(--sage-deep)}.stat-card.blue .value{color:var(--steel-deep)}.stat-card.red .value{color:var(--brick-deep)}.progress-bar{background:var(--line);z-index:1;border-radius:0;height:4px;margin-top:12px;position:relative;overflow:hidden}.progress-bar>span{background:var(--brick);height:100%;display:block}.progress-row{z-index:1;align-items:center;gap:10px;display:flex;position:relative}.progress-row small{font-size:11.5px;font-weight:600;font-family:var(--font-mono);color:var(--text-soft)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:22px 24px}.card-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;display:flex}.card-header h3{font-family:var(--font-serif);color:var(--text);margin:0;font-size:16.5px;font-weight:500}.card-sub{color:var(--text-soft);margin:-10px 0 16px;font-size:12px}.btn{letter-spacing:.01em;cursor:pointer;font-size:12.5px;font-weight:600;font-family:var(--font-sans);border:none;border-radius:7px;align-items:center;gap:6px;padding:10px 16px;display:inline-flex}.btn:disabled{opacity:.55;cursor:not-allowed}.btn svg{stroke:currentColor;fill:none;stroke-width:2px;width:14px;height:14px}.btn-primary{background:var(--btn-primary-bg);color:var(--btn-primary-text)}.btn-primary:hover{background:var(--gold-deep)}.btn-ghost{background:var(--surface);color:var(--text);border:1px solid var(--line-strong)}.btn-block{justify-content:center;width:100%;padding:12px}.link-danger{color:var(--brick-deep);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:8px 0;font-size:12.5px;font-weight:600;display:flex}.link-danger svg{stroke:currentColor;fill:none;stroke-width:1.7px;width:14px;height:14px}.tabs{border-bottom:1px solid var(--line);background:0 0;gap:2px;width:fit-content;margin-bottom:18px;padding:0;display:flex}.tab{color:var(--text-soft);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;margin-bottom:-1px;padding:9px 16px;font-family:inherit;font-size:12.5px;font-weight:600}.tab.active{color:var(--text);border-bottom-color:var(--gold);background:0 0}table{border-collapse:collapse;width:100%;font-size:13px}th{text-align:left;color:var(--text-soft);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--line);padding:8px 10px;font-size:10px;font-weight:600}td{border-bottom:1px solid var(--line);font-family:var(--font-sans);padding:12px 10px}td.money,td .money{font-family:var(--font-mono)}tr:last-child td{border-bottom:none}.text-right{text-align:right}.tag{text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;border-radius:4px;padding:3px 9px;font-size:10px;font-weight:700}.tag.red{background:var(--brick-bg);color:var(--brick-deep)}.tag.green{background:var(--sage-bg);color:var(--sage-deep)}.tag.amber{background:var(--gold-bg);color:var(--gold-deep)}.tag.blue{background:var(--steel-bg);color:var(--steel-deep)}.limit-row{margin-bottom:16px}.limit-row:last-child{margin-bottom:0}.limit-top{justify-content:space-between;margin-bottom:7px;font-size:12.5px;display:flex}.limit-top .amt{color:var(--text-soft);font-family:var(--font-mono)}.limit-track{background:var(--line);border-radius:0;height:4px;overflow:hidden}.limit-fill{border-radius:0;height:100%}.empty-state{text-align:center;padding:56px 20px}.empty-state .icon-wrap{background:var(--gold-bg);border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 18px;display:flex}.empty-state .icon-wrap svg{width:28px;height:28px;color:var(--gold-deep);stroke:currentColor;fill:none;stroke-width:1.4px}.empty-state h2{font-family:var(--font-serif);margin:0 0 8px;font-size:20px;font-weight:500}.empty-state p{color:var(--text-soft);max-width:380px;margin:0 auto 20px;font-size:13.5px;line-height:1.6}.goal-card{margin-bottom:16px}.goal-card .top{justify-content:space-between;align-items:flex-start;margin-bottom:14px;display:flex}.goal-card .top .name{font-family:var(--font-serif);color:var(--text);font-size:16px;font-weight:500}.goal-card .top .where{color:var(--text-soft);margin-top:2px;font-size:11.5px}.goal-card .amounts{color:var(--text-soft);font-size:12.5px;font-family:var(--font-mono);justify-content:space-between;align-items:baseline;margin-top:8px;display:flex}.goal-card .amounts .big{color:var(--text);font-size:20px;font-weight:600}.icon-only{color:var(--text-faint);cursor:pointer;background:0 0;border:none;padding:4px;display:flex}.icon-only svg{stroke:currentColor;fill:none;stroke-width:1.5px;width:15px;height:15px}.modal-overlay{z-index:50;background:#16233f80;justify-content:center;align-items:center;padding:20px;display:none;position:fixed;inset:0}.modal-overlay.active{display:flex}.modal{background:var(--surface);border:1px solid var(--line);border-radius:12px;width:400px;max-width:100%;max-height:88vh;padding:26px;overflow-y:auto}.modal-head{justify-content:space-between;align-items:flex-start;display:flex}.modal h3{font-family:var(--font-serif);margin:0 0 4px;font-size:18px;font-weight:500}.modal .sub{color:var(--text-soft);margin:0 0 18px;font-size:12.5px}.field{margin-bottom:14px}.field label{color:var(--text-soft);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px;font-size:11.5px;font-weight:600;display:block}.field input,.field select{background:var(--bg);border:1px solid var(--line-strong);width:100%;color:var(--text);font-size:14px;font-family:var(--font-sans);border-radius:7px;padding:10px 12px}.field .hint{color:var(--text-soft);margin-top:6px;font-size:11px;line-height:1.5}.field .error{color:var(--brick-deep);margin-top:6px;font-size:11.5px}.modal-actions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.modal-actions.split{justify-content:space-between}.credit-card{aspect-ratio:1.586;background:var(--navy);color:#f4f3ed;border:1px solid var(--gold);border-radius:12px;flex-direction:column;justify-content:space-between;width:100%;max-width:300px;padding:20px;display:flex;position:relative;overflow:hidden}.credit-card .deco{background:0 0;border:1px solid #b8863b4d;border-radius:50%;width:150px;height:150px;position:absolute;top:-70px;right:-60px}.credit-card .chip{background:var(--gold);border-radius:4px;width:32px;height:24px}.credit-card .number{letter-spacing:2px;z-index:1;font-size:13px;font-weight:500;font-family:var(--font-mono);position:relative}.credit-card .brand{color:var(--gold);z-index:1;text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:600;position:relative}.grid-2{grid-template-columns:1.3fr 1fr;gap:18px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.mini-stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:17px 19px}.mini-stat .top-row{justify-content:space-between;align-items:center;display:flex}.mini-stat .label{text-transform:uppercase;letter-spacing:.07em;color:var(--text-soft);font-size:10.5px;font-weight:600}.mini-stat .value{font-family:var(--font-serif);color:var(--text);margin-top:8px;font-size:21px;font-weight:500}.mini-stat .value.green{color:var(--sage-deep)}.mini-stat .value.blue{color:var(--steel-deep)}.mini-stat .value.red{color:var(--brick-deep)}.donut{border-radius:50%;flex-shrink:0;width:148px;height:148px;position:relative}.donut:after{content:"";background:var(--surface);border-radius:50%;position:absolute;inset:22px}.donut .center{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:22px}.donut .center .val{font-family:var(--font-serif);color:var(--text);font-size:15px;font-weight:600}.donut .center .lbl{color:var(--text-soft);text-transform:uppercase;letter-spacing:.04em;margin-top:2px;font-size:10px}.donut-wrap{flex-wrap:wrap;align-items:center;gap:24px;display:flex}.donut-legend{flex-direction:column;gap:10px;display:flex}.donut-legend .row{font-size:12.5px;font-family:var(--font-mono);align-items:center;gap:8px;display:flex}.dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.shield-wrap{flex-direction:column;align-items:center;display:flex}.shield-pct{font-family:var(--font-serif);fill:var(--text);font-size:28px;font-weight:600}.shield-lbl{fill:var(--text-soft);letter-spacing:.08em;font-size:10px;font-family:var(--font-sans)}.toast{background:var(--navy);border:1px solid var(--gold);color:#f4f3ed;opacity:0;z-index:100;pointer-events:none;border-radius:8px;padding:12px 20px;font-size:13px;font-weight:500;transition:opacity .2s,transform .2s;position:fixed;bottom:24px;left:50%;transform:translate(-50%)translateY(10px)}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}.course-card,.faq-item{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:12px;padding:17px 19px}.course-card strong,.faq-item strong{font-family:var(--font-serif);font-size:14.5px;font-weight:500}.course-card .dur{color:var(--text-soft);font-size:11px;font-family:var(--font-mono);margin-top:5px}.settings-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:17px 0;display:flex}.settings-row:last-child{border-bottom:none}.settings-row strong{font-family:var(--font-serif);font-size:14.5px;font-weight:500}.auth-shell{background:var(--bg);min-height:100vh;display:flex}.auth-brand-panel{background:linear-gradient(160deg,var(--navy) 0%,#0c1424 100%);color:#f4f3ed;flex:1.1;align-items:center;padding:56px;display:flex;position:relative;overflow:hidden}.auth-brand-panel:before{content:"";border:1px solid #b8863b29;border-radius:50%;width:520px;height:520px;position:absolute;top:-140px;right:-180px}.auth-brand-content{z-index:1;max-width:420px;position:relative}.auth-brand-panel .brand{color:#fff;padding:0 0 40px}.auth-brand-copy h1{font-family:var(--font-serif);margin:0 0 14px;font-size:32px;font-weight:500;line-height:1.18}.auth-brand-copy p{color:#f4f3edb8;margin:0 0 30px;font-size:13.5px;line-height:1.65}.auth-feature-map{flex-direction:column;gap:22px;margin:0 0 30px;display:flex;position:relative}.auth-feature-map:before{content:"";background:linear-gradient(#b8863b80,#b8863b0d);width:1px;position:absolute;top:12px;bottom:12px;left:19px}.auth-feature-node{align-items:flex-start;gap:14px;display:flex;position:relative}.auth-feature-icon{z-index:1;width:40px;height:40px;color:var(--gold);background:#b8863b24;border:1px solid #b8863b66;border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex;position:relative}.auth-feature-icon svg{width:18px;height:18px}.auth-feature-node strong{color:#fff;margin-bottom:2px;font-size:14px;font-weight:600;display:block}.auth-feature-node p{color:#f4f3eda6;margin:0;font-size:12.5px;line-height:1.5}.auth-trust-line{color:#f4f3ed99;border-top:1px solid #f4f3ed1f;align-items:center;gap:8px;padding-top:22px;font-size:12px;display:flex}.auth-trust-line svg{width:15px;height:15px;stroke:var(--gold);flex-shrink:0}.auth-form-panel{flex:1;justify-content:center;align-items:center;padding:40px;display:flex}.auth-card{width:380px;max-width:100%}.auth-card .brand{color:var(--text);padding:0 0 26px}.auth-card h1{font-family:var(--font-serif);margin:0 0 6px;font-size:24px;font-weight:500}.auth-card p.sub{color:var(--text-soft);margin:0 0 24px;font-size:13px}.auth-field-row{justify-content:space-between;align-items:baseline;display:flex}.auth-forgot-link{color:var(--gold-deep);cursor:pointer;background:0 0;border:none;padding:0;font-size:11.5px;font-weight:600}.auth-password-wrap{position:relative}.auth-password-wrap input{padding-right:40px}.auth-eye-toggle{color:var(--text-faint);cursor:pointer;background:0 0;border:none;padding:2px;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.auth-eye-toggle svg{stroke:currentColor;fill:none;stroke-width:1.5px;width:16px;height:16px}.auth-divider{color:var(--text-faint);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:12px;margin:20px 0;font-size:10.5px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--line);flex:1;height:1px}.auth-google-btn{border:1px solid var(--line-strong);background:var(--surface);width:100%;color:var(--text-soft);cursor:not-allowed;opacity:.6;border-radius:7px;justify-content:center;align-items:center;gap:8px;padding:11px;font-size:12.5px;font-weight:600;display:flex}.auth-switch{text-align:left;color:var(--text-soft);margin-top:20px;font-size:12.5px}.auth-switch button{color:var(--gold-deep);cursor:pointer;font-weight:600;font-size:inherit;background:0 0;border:none;padding:0}@media (width<=900px){.auth-brand-panel{display:none}.auth-form-panel{width:100%;padding:24px}}.loading-shell{min-height:100vh;color:var(--text-soft);font-family:var(--font-sans);background:var(--bg);justify-content:center;align-items:center;font-size:13px;display:flex}.premium-lock{background:var(--gold-bg);border:1px solid var(--line);border-radius:var(--radius);align-items:flex-start;gap:14px;margin-bottom:16px;padding:16px 18px;display:flex}.premium-lock-icon{background:var(--surface);width:34px;height:34px;color:var(--gold-deep);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.premium-lock-icon svg{stroke:currentColor;fill:none;stroke-width:1.5px;width:16px;height:16px}.premium-lock-title{font-family:var(--font-serif);color:var(--text);align-items:center;gap:8px;font-size:14.5px;font-weight:500;display:flex}.premium-lock-desc{color:var(--text-soft);margin:6px 0 0;font-size:12.5px;line-height:1.5}.color-swatches{gap:8px;margin-top:4px;display:flex}.color-swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;width:26px;height:26px;padding:0}.color-swatch.active{border-color:var(--text)}.nav-toggle,.sidebar-backdrop{display:none}@media (width<=900px){.nav-toggle{display:flex}.sidebar{z-index:70;width:246px;height:100dvh;transition:transform .25s;position:fixed;top:0;left:0;transform:translate(-100%);box-shadow:0 0 40px #0000004d}.sidebar.open{transform:translate(0)}.sidebar-backdrop{z-index:65;background:#00000080;height:100dvh;display:block;position:fixed;inset:0}.stat-grid,.grid-3,.grid-4{grid-template-columns:1fr}.stat-card{border-right:none;border-bottom:1px solid var(--line)}.grid-2{grid-template-columns:1fr}.main{padding:20px}.settings-row{flex-direction:column;align-items:flex-start;gap:12px}.settings-row select,.settings-row-control{width:100%}.settings-row-control input{flex:1;min-width:0}.theme-switcher{width:100%}.theme-option{flex:1;justify-content:center;padding:9px 4px}}@media (width>=901px){.stat-grid-2{grid-template-columns:1fr 1fr}.stat-grid-3{grid-template-columns:1fr 1fr 1fr}.stat-grid-4{grid-template-columns:1.4fr 1fr 1fr 1fr}}.table-scroll{overflow-x:auto}.table-scroll table{min-width:480px}