:root{--color-bg:#1a1612;--color-surface:#231f1a;--color-surface-alt:#2c2720;--color-surface-raised:#342e27;--color-text:#ede8df;--color-muted:#9a8f82;--color-subtle:#6b5f54;--color-orange:#e8834a;--color-orange-dim:#e8834a26;--color-orange-border:#e8834a59;--color-sage:#7fa882;--color-sage-dim:#7fa88226;--color-sage-border:#7fa88259;--color-border:#ffffff12;--color-border-strong:#ffffff24;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-serif:"Playfair Display", Georgia, serif;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--radius-full:9999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--shadow-sm:0 2px 8px #00000059;--shadow-md:0 4px 20px #00000073;--shadow-lg:0 8px 40px #0000008c;--sidebar-width:240px;--nav-height:64px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);min-height:100vh;line-height:1.6}#root{flex-direction:column;min-height:100vh;display:flex}h1,h2,h3,h4,h5,h6{font-family:var(--font-sans);color:var(--color-text);font-weight:600;line-height:1.2}a{color:inherit;text-decoration:none}button{font-family:var(--font-sans);cursor:pointer;background:0 0;border:none}input,textarea,select{font-family:var(--font-sans)}img{max-width:100%}ul,ol{list-style:none}.serif{font-family:var(--font-serif)}.welcome{min-height:100vh;padding:var(--space-8);background:var(--color-bg);justify-content:center;align-items:center;display:flex}.welcome__content{text-align:center;align-items:center;gap:var(--space-6);flex-direction:column;width:100%;max-width:480px;display:flex}.welcome__logo-mark{background:var(--color-orange);border-radius:var(--radius-md);color:#fff;justify-content:center;align-items:center;width:56px;height:56px;font-size:28px;font-weight:800;display:flex}.welcome__title{color:var(--color-text);letter-spacing:-1px;margin:0;font-size:48px;font-weight:500}.welcome__tagline{color:var(--color-muted);max-width:360px;font-size:18px;line-height:1.55}.welcome__actions{gap:var(--space-3);flex-direction:column;width:100%;display:flex}.welcome__btn{border-radius:var(--radius-full);text-align:center;width:100%;padding:16px;font-size:16px;font-weight:600;text-decoration:none;transition:opacity .15s;display:block}.welcome__btn--primary{background:var(--color-orange);color:#fff}.welcome__btn--primary:hover{opacity:.88}.welcome__btn--ghost{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border-strong)}.welcome__btn--ghost:hover{background:var(--color-surface-alt)}.welcome__features{gap:var(--space-4);text-align:left;width:100%;padding:var(--space-6);background:var(--color-surface);border-radius:var(--radius-xl);border:1px solid var(--color-border);margin-top:var(--space-2);flex-direction:column;display:flex}.welcome__feature{align-items:center;gap:var(--space-4);display:flex}.welcome__feature-icon{color:var(--color-orange);text-align:center;width:28px;font-size:20px}.welcome__feature p{color:var(--color-muted);font-size:14px;line-height:1.4}@media (width<=480px){.welcome__title{font-size:36px}.welcome__tagline{font-size:16px}}.form-field{gap:var(--space-2);flex-direction:column;display:flex}.form-field__label{color:var(--color-muted);letter-spacing:.04em;text-transform:uppercase;font-size:13px;font-weight:600}.form-field__required{color:var(--color-orange)}.form-field__input{background:var(--color-surface-alt);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);color:var(--color-text);outline:none;width:100%;padding:14px 16px;font-size:15px;transition:border-color .15s}.form-field__input::placeholder{color:var(--color-subtle)}.form-field__input:focus{border-color:var(--color-orange)}.form-field__input--error{border-color:#e06060}.form-field__hint{color:var(--color-subtle);font-size:12px}.form-field__error{color:#e06060;font-size:12px}.error-msg{align-items:flex-start;gap:var(--space-3);border-radius:var(--radius-md);padding:var(--space-4);background:#e060601a;border:1px solid #e060604d;display:flex}.error-msg__icon{color:#fff;background:#e06060;border-radius:50%;justify-content:center;align-items:center;width:20px;min-width:20px;height:20px;font-size:12px;font-weight:700;display:flex}.error-msg__text{color:#e06060;font-size:14px;line-height:1.4}.auth-page{min-height:100vh;padding:var(--space-8);background:var(--color-bg);justify-content:center;align-items:center;display:flex}.auth-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);width:100%;max-width:420px;padding:var(--space-10);gap:var(--space-5);flex-direction:column;display:flex}.auth-logo{align-items:center;gap:var(--space-3);margin-bottom:var(--space-2);text-decoration:none;display:flex}.auth-logo__mark{background:var(--color-orange);border-radius:var(--radius-sm);color:#fff;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;font-weight:800;display:flex}.auth-logo__text{color:var(--color-text);font-size:16px;font-weight:500}.auth-heading{color:var(--color-text);margin:0;font-size:26px;font-weight:700}.auth-sub{color:var(--color-muted);margin-top:calc(-1 * var(--space-3));font-size:14px}.auth-form{gap:var(--space-4);flex-direction:column;display:flex}.auth-form__row{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.auth-submit{background:var(--color-orange);color:#fff;border-radius:var(--radius-full);cursor:pointer;width:100%;font-size:15px;font-weight:600;font-family:var(--font-sans);margin-top:var(--space-2);border:none;padding:14px;transition:opacity .15s}.auth-submit:hover:not(:disabled){opacity:.88}.auth-submit:disabled{opacity:.5;cursor:not-allowed}.auth-switch{text-align:center;color:var(--color-muted);font-size:13px}.auth-switch__link{color:var(--color-orange);font-weight:600;text-decoration:none}.auth-switch__link:hover{opacity:.8}@media (width<=480px){.auth-card{padding:var(--space-8) var(--space-6)}.auth-form__row{grid-template-columns:1fr}}.onboarding{min-height:100vh;padding:var(--space-8);background:var(--color-bg);justify-content:center;align-items:center;display:flex}.onboarding__inner{gap:var(--space-6);flex-direction:column;width:100%;max-width:560px;display:flex}.onboarding__step{text-transform:uppercase;letter-spacing:.1em;color:var(--color-orange);font-size:12px;font-weight:700}.onboarding__title{color:var(--color-text);margin:0;font-size:32px;font-weight:700;line-height:1.2}.onboarding__sub{color:var(--color-muted);margin-top:calc(-1 * var(--space-3));font-size:16px}.goal-grid{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.goal-option{align-items:flex-start;gap:var(--space-2);padding:var(--space-5);background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-xl);cursor:pointer;text-align:left;font-family:var(--font-sans);flex-direction:column;transition:border-color .15s,background .15s;display:flex}.goal-option:hover{border-color:var(--color-orange-border);background:var(--color-orange-dim)}.goal-option--selected{border-color:var(--color-orange);background:var(--color-orange-dim)}.goal-option__icon{color:var(--color-orange);font-size:22px}.goal-option__label{color:var(--color-text);font-size:15px;font-weight:700}.goal-option__desc{color:var(--color-muted);font-size:13px;line-height:1.4}.income-form{gap:var(--space-5);flex-direction:column;display:flex}.onboarding__cta{background:var(--color-surface-alt);width:100%;color:var(--color-subtle);border:2px solid var(--color-border);border-radius:var(--radius-full);cursor:not-allowed;font-size:16px;font-weight:600;font-family:var(--font-sans);padding:16px;transition:all .15s}.onboarding__cta--active{background:var(--color-orange);color:#fff;border-color:var(--color-orange);cursor:pointer}.onboarding__cta--active:hover{opacity:.88}@media (width<=480px){.goal-grid{grid-template-columns:1fr}.onboarding__title{font-size:26px}}.app-shell{min-height:100vh;display:flex}.app-shell__main{min-width:0;padding:var(--space-8);padding-bottom:calc(var(--space-8) + 72px);flex:1}@media (width>=768px){.app-shell__main{padding-bottom:var(--space-8)}}@media (width<=767px){.app-shell>aside.sidebar{display:none}.app-shell__main{padding:var(--space-5);padding-bottom:calc(var(--space-5) + 72px)}}@media (width>=768px){.mobile-nav{display:none}}.sidebar{width:var(--sidebar-width);background:var(--color-surface);border-right:1px solid var(--color-border);min-height:100vh;padding:var(--space-8) 0;flex-direction:column;flex-shrink:0;display:flex;position:sticky;top:0}.sidebar__logo{align-items:center;gap:var(--space-3);padding:0 var(--space-6) var(--space-8);display:flex}.sidebar__logo-mark{background:var(--color-orange);border-radius:var(--radius-sm);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;font-weight:800;display:flex}.sidebar__logo-text{color:var(--color-text);font-size:17px;font-weight:500}.sidebar__nav{gap:var(--space-1);padding:0 var(--space-3);flex-direction:column;flex:1;display:flex}.sidebar__link{align-items:center;gap:var(--space-3);padding:11px var(--space-4);border-radius:var(--radius-md);color:var(--color-muted);font-size:14px;font-weight:500;text-decoration:none;transition:background .15s,color .15s;display:flex}.sidebar__link:hover{background:var(--color-surface-alt);color:var(--color-text)}.sidebar__link--active{background:var(--color-orange-dim);color:var(--color-orange)}.sidebar__icon{text-align:center;width:20px;font-size:16px}.sidebar__foot{padding:var(--space-6);border-top:1px solid var(--color-border);margin-top:var(--space-6)}.sidebar__user{color:var(--color-muted);margin-bottom:var(--space-3);font-size:13px;font-weight:600}.sidebar__logout{color:var(--color-subtle);cursor:pointer;font-size:13px;font-family:var(--font-sans);background:0 0;border:none;padding:0}.sidebar__logout:hover{color:#e06060}.mobile-nav{background:var(--color-surface);border-top:1px solid var(--color-border);z-index:100;padding-bottom:env(safe-area-inset-bottom);display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-nav__item{color:var(--color-subtle);flex-direction:column;flex:1;align-items:center;gap:3px;padding:10px 0 12px;text-decoration:none;transition:color .15s;display:flex}.mobile-nav__item--active{color:var(--color-orange)}.mobile-nav__icon{font-size:18px}.mobile-nav__label{text-transform:uppercase;letter-spacing:.05em;font-size:10px;font-weight:600}@media (width>=768px){.mobile-nav{display:none}}.dash-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6)}.dash-card--orange{border-color:var(--color-orange-border)}.dash-card--sage{border-color:var(--color-sage-border)}.dash-card__header{margin-bottom:var(--space-5);justify-content:space-between;align-items:center;display:flex}.dash-card__title{color:var(--color-muted);text-transform:uppercase;letter-spacing:.06em;font-size:15px;font-weight:600}.dash-card__action{color:var(--color-orange);cursor:pointer;background:0 0;border:none;font-size:13px;font-weight:600}.dash-card__action:hover{opacity:.75}.goal-meter{align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.goal-meter__ring{position:relative}.goal-meter__track{fill:none;stroke:var(--color-surface-alt);stroke-width:10px}.goal-meter__fill{fill:none;stroke:var(--color-orange);stroke-width:10px;stroke-linecap:round;transition:stroke-dashoffset .5s}.goal-meter__center{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.goal-meter__pct{color:var(--color-text);font-size:22px;font-weight:700}.goal-meter__info{text-align:center}.goal-meter__label{color:var(--color-muted);margin-bottom:var(--space-1);font-size:13px}.goal-meter__current{color:var(--color-text);font-size:16px;font-weight:700}.goal-meter__divider{color:var(--color-subtle)}.goal-meter__target{color:var(--color-muted);font-size:14px}.progress-bar{gap:var(--space-2);flex-direction:column;display:flex}.progress-bar__header{justify-content:space-between;align-items:center;display:flex}.progress-bar__label{color:var(--color-muted);font-size:13px}.progress-bar__pct{color:var(--color-text);font-size:13px;font-weight:600}.progress-bar__track{background:var(--color-surface-alt);border-radius:var(--radius-full);height:8px;overflow:hidden}.progress-bar__fill{border-radius:var(--radius-full);height:100%;transition:width .4s}.progress-bar__fill--orange{background:var(--color-orange)}.progress-bar__fill--sage{background:var(--color-sage)}.progress-bar__fill--muted{background:var(--color-subtle)}.expense-entry{align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border);display:flex}.expense-entry:last-child{border-bottom:none}.expense-entry__dot{border-radius:50%;width:10px;min-width:10px;height:10px}.expense-entry__info{flex:1}.expense-entry__merchant{color:var(--color-text);font-size:14px;font-weight:600}.expense-entry__category{color:var(--color-muted);text-transform:capitalize;margin-top:2px;font-size:12px}.expense-entry__right{text-align:right}.expense-entry__amount{color:var(--color-text);font-size:14px;font-weight:700}.expense-entry__date{color:var(--color-subtle);margin-top:2px;font-size:12px}.expense-entry__actions{margin-left:var(--space-2);opacity:0;gap:4px;transition:opacity .15s;display:flex}.expense-entry:hover .expense-entry__actions{opacity:1}.expense-entry__action-btn{border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface-alt);width:28px;height:28px;color:var(--color-muted);cursor:pointer;font-size:15px;font-family:var(--font-sans);justify-content:center;align-items:center;transition:all .15s;display:flex}.expense-entry__action-btn:hover{border-color:var(--color-border-strong);color:var(--color-text)}.expense-entry__action-btn--del:hover{color:#e06060;border-color:#e06060}.learning-article{gap:var(--space-6);flex-direction:column;width:min(100%,720px);display:flex}.learning-article__back{width:fit-content;color:var(--color-muted);font-size:13px;font-weight:600;text-decoration:none;display:inline-block}.learning-article__back:hover{color:var(--color-text)}.learning-article article{gap:var(--space-6);flex-direction:column;display:flex}.learning-article__header{gap:var(--space-4);padding-bottom:var(--space-6);border-bottom:1px solid var(--color-border);flex-direction:column;display:flex}.learning-article__header h1{max-width:680px;color:var(--color-text);font-size:clamp(28px,5vw,40px);font-weight:700;line-height:1.18}.learning-article__meta{align-items:center;gap:var(--space-3);display:flex}.learning-article__topic,.learning-article__level{letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:700}.learning-article__topic{color:var(--color-orange)}.learning-article__level{border-radius:var(--radius-full);color:var(--color-sage);background:var(--color-sage-dim);padding:3px 10px}.learning-article__body{gap:var(--space-5);color:var(--color-text);flex-direction:column;font-size:17px;line-height:1.7;display:flex}.learning-article__body h2{margin-bottom:calc(var(--space-3) * -1);color:var(--color-text);font-size:18px}.learning-article__body p{color:var(--color-text)}.learning-article__takeaway h2,.learning-article__footer h2{letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:800}.learning-article__takeaway{gap:var(--space-3);padding:var(--space-6);border:1px solid var(--color-orange-border);border-left:4px solid var(--color-orange);border-radius:var(--radius-xl);background:var(--color-surface);flex-direction:column;display:flex}.learning-article__takeaway h2{color:var(--color-orange)}.learning-article__takeaway p{color:var(--color-text);line-height:1.6}.learning-article__footer{gap:var(--space-3);margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--color-border);flex-direction:column;display:flex}.learning-article__footer h2{color:var(--color-muted)}.learning-article__footer ul{gap:var(--space-2);flex-direction:column;display:flex}.learning-article__footer a{color:var(--color-orange);overflow-wrap:anywhere;font-size:14px;font-weight:600}.learning-article__footer a:hover{text-decoration:underline}.learning-article__disclaimer{margin-top:var(--space-4);color:var(--color-subtle);font-size:12px;line-height:1.6}.learning-article__read-badge{color:var(--color-sage);background:var(--color-sage-dim);border:1px solid var(--color-sage-border);border-radius:var(--radius-full);padding:2px 10px;font-size:11px;font-weight:700}.learning-article__complete{padding-top:var(--space-6);border-top:1px solid var(--color-border);margin-top:var(--space-2)}.article-complete-row{align-items:center;gap:var(--space-4);display:flex}.article-complete-check{color:var(--color-sage);font-size:14px;font-weight:600}.article-mark-btn{border-radius:var(--radius-full);cursor:pointer;font-size:14px;font-weight:600;font-family:var(--font-sans);border:1px solid #0000;padding:11px 22px;transition:opacity .15s}.article-mark-btn--read{background:var(--color-sage-dim);border-color:var(--color-sage-border);color:var(--color-sage)}.article-mark-btn--read:hover{opacity:.8}.article-mark-btn--undo{border-color:var(--color-border-strong);color:var(--color-muted);background:0 0;padding:6px 14px;font-size:12px}.article-mark-btn--undo:hover{color:var(--color-text)}@media (width<=767px){.learning-article__header h1{font-size:28px}.learning-article__body{font-size:16px}.learning-article__takeaway{padding:var(--space-5)}}.dashboard{max-width:900px}.dashboard__header{margin-bottom:var(--space-8)}.dashboard__greeting{color:var(--color-text);margin-bottom:var(--space-1);font-size:28px;font-weight:700}.dashboard__date{color:var(--color-muted);font-size:14px}.dashboard__grid{gap:var(--space-5);grid-template-columns:1fr 1fr;display:grid}.dashboard__full-row{grid-column:1/-1}@media (width<=700px){.dashboard__grid{grid-template-columns:1fr}.dashboard__full-row{grid-column:1}}.dash-summary{gap:var(--space-6);margin-bottom:var(--space-5);display:flex}.dash-summary__stat{flex-direction:column;display:flex}.dash-summary__value{color:var(--color-text);font-size:22px;font-weight:700}.dash-summary__value--spent{color:var(--color-orange)}.dash-summary__value--left{color:var(--color-sage)}.dash-summary__value--over{color:#e06060}.dash-summary__label{color:var(--color-muted);margin-top:2px;font-size:12px}.spend-donut{align-items:center;gap:var(--space-4);flex-direction:column;display:flex}.spend-donut__ring{border-radius:50%;flex-shrink:0;width:130px;height:130px;position:relative}.spend-donut__ring--empty{background:var(--color-surface-alt);border:2px solid var(--color-border-strong)}.spend-donut__hole{background:var(--color-surface);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:22px}.spend-donut__total{color:var(--color-text);white-space:nowrap;font-size:13px;font-weight:700}.spend-donut__center-label{color:var(--color-muted);text-transform:uppercase;letter-spacing:.06em;font-size:10px}.spend-donut__empty-msg{color:var(--color-muted);text-align:center;font-size:13px}.spend-donut__legend{gap:var(--space-2);flex-direction:column;width:100%;display:flex}.spend-donut__legend-row{gap:var(--space-2);grid-template-columns:10px 1fr auto auto;align-items:center;font-size:12px;display:grid}.spend-donut__legend-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.spend-donut__legend-name{color:var(--color-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.spend-donut__legend-amt{color:var(--color-text);text-align:right;white-space:nowrap;font-weight:600}.spend-donut__legend-pct{color:var(--color-subtle);text-align:right;white-space:nowrap;width:32px}.dash-goals__empty{text-align:center;padding:var(--space-4) 0;align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.dash-goals__empty-label{color:var(--color-text);font-size:15px;font-weight:600}.dash-goals__empty-hint{color:var(--color-muted);max-width:300px;font-size:13px;line-height:1.5}.dash-goals__grid{gap:var(--space-5);flex-wrap:wrap;display:flex}.dash-goal-card{background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);gap:var(--space-2);flex-direction:column;flex:1;min-width:160px;display:flex}.dash-goal-card--savings{text-align:center;align-items:center;gap:var(--space-3);min-width:190px}.dash-goal-card__type{text-transform:uppercase;letter-spacing:.08em;color:var(--color-sage);font-size:10px;font-weight:700}.dash-goal-card__name{color:var(--color-text);margin:0;font-size:15px;font-weight:700}.dash-goal-card__target{color:var(--color-orange);font-size:18px;font-weight:700}.dash-goal-card__notes{color:var(--color-muted);overflow-wrap:anywhere;margin:0;font-size:12px;line-height:1.5}.dash-goal-card__hint{color:var(--color-muted);margin:0;font-size:12px}.dash-goal__controls{gap:var(--space-2);display:flex}.dash-goal__btn{border-radius:var(--radius-full);cursor:pointer;font-size:13px;font-weight:600;font-family:var(--font-sans);white-space:nowrap;border:1px solid #0000;flex:1;padding:9px 14px;transition:opacity .15s}.dash-goal__btn:disabled{opacity:.35;cursor:not-allowed}.dash-goal__btn--add{background:var(--color-sage-dim);border-color:var(--color-sage-border);color:var(--color-sage)}.dash-goal__btn--add:not(:disabled):hover{opacity:.8}.dash-goal__btn--withdraw{background:var(--color-orange-dim);border-color:var(--color-orange-border);color:var(--color-orange)}.dash-goal__btn--withdraw:not(:disabled):hover{opacity:.8}.dash-goal__edit-target{color:var(--color-subtle);cursor:pointer;font-size:11px;font-family:var(--font-sans);text-underline-offset:2px;background:0 0;border:none;text-decoration:underline}.dash-goal__edit-target:hover{color:var(--color-muted)}.dash-goal__create-btn{border-radius:var(--radius-full);cursor:pointer;font-size:13px;font-weight:600;font-family:var(--font-sans);background:var(--color-orange-dim);border:1px solid var(--color-orange-border);color:var(--color-orange);margin-top:var(--space-2);padding:9px 18px;transition:opacity .15s}.dash-goal__create-btn:hover{opacity:.8}.dash-learn__section-label{text-transform:uppercase;letter-spacing:.08em;color:var(--color-subtle);margin:0 0 var(--space-3);font-size:10px;font-weight:700}.dash-learn__divider{border:none;border-top:1px solid var(--color-border);margin:var(--space-4) 0}.dash-learn{gap:var(--space-4);flex-direction:column;display:flex}.dash-learn--sub{gap:var(--space-3);margin-bottom:0}.dash-learn__stat{align-items:baseline;display:flex}.dash-learn__num{color:var(--color-text);font-size:36px;font-weight:700}.dash-learn__den{color:var(--color-muted);font-size:20px}.dash-learn__label{color:var(--color-muted);margin-top:calc(-1 * var(--space-3));font-size:13px}.dash-learn__next{background:var(--color-orange-dim);border:1px solid var(--color-orange-border);color:var(--color-orange);border-radius:var(--radius-md);cursor:pointer;text-align:left;font-size:13px;font-weight:600;font-family:var(--font-sans);padding:10px 14px;line-height:1.3}.dash-learn__next:hover{opacity:.8}.dash-learn__empty{color:var(--color-muted);font-size:13px}.dash-iq{background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);justify-content:space-between;align-items:center;display:flex}.dash-iq__label{color:var(--color-muted);font-size:12px}.dash-iq__value{color:var(--color-orange);font-size:16px;font-weight:700}.dash-reset-quiz{color:var(--color-subtle);cursor:pointer;font:inherit;text-underline-offset:2px;margin-top:var(--space-1);background:0 0;border:none;align-self:flex-start;padding:0;font-size:11px;text-decoration:underline}.dash-reset-quiz:hover{color:var(--color-muted)}.dash-spend__empty{color:var(--color-muted);padding:var(--space-3) 0;font-size:13px}.savings-modal__context{background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.savings-modal__context-label{color:var(--color-muted);font-size:12px}.savings-modal__context-val{color:var(--color-text);font-size:16px;font-weight:700}.today{gap:var(--space-8);flex-direction:column;max-width:600px;display:flex}.today__title{color:var(--color-text);margin-bottom:var(--space-1);font-size:32px;font-weight:700}.today__date{color:var(--color-muted);font-size:14px}.today__tip{background:var(--color-surface);border:1px solid var(--color-orange-border);border-left:4px solid var(--color-orange);border-radius:var(--radius-xl);padding:var(--space-6);gap:var(--space-3);flex-direction:column;display:flex}.today__tip-label{text-transform:uppercase;letter-spacing:.08em;color:var(--color-orange);font-size:11px;font-weight:700}.today__tip-text{color:var(--color-text);font-size:18px;font-style:italic;line-height:1.55}.today__section-title{color:var(--color-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-4);font-size:15px;font-weight:600}.today__checklist{gap:var(--space-3);flex-direction:column;display:flex}.today__check-row{align-items:center;gap:var(--space-2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-4) var(--space-4) var(--space-5);transition:border-color .15s;display:flex}.today__check-row:hover{border-color:var(--color-border-strong)}.today__check-item{align-items:center;gap:var(--space-4);cursor:pointer;flex:1;min-width:0;display:flex}.today__checkbox{width:18px;height:18px;accent-color:var(--color-orange);cursor:pointer;flex-shrink:0}.today__check-label{color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;font-size:15px;overflow:hidden}.today__check-label--done{opacity:.55;text-decoration:line-through}.today__delete-btn{color:var(--color-muted);padding:0 var(--space-1);cursor:pointer;opacity:.4;background:0 0;border:none;flex-shrink:0;font-size:20px;line-height:1;transition:opacity .15s,color .15s}.today__delete-btn:hover{opacity:1;color:var(--color-red,#e05050)}.today__add-task-btn{margin-top:var(--space-3);color:var(--color-orange);cursor:pointer;padding:var(--space-1) 0;background:0 0;border:none;font-size:14px;font-weight:500;display:inline-block}.today__add-task-btn:hover{opacity:.75}.today__add-form{gap:var(--space-2);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.today__add-input{min-width:140px;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);flex:1;font-size:14px}.today__add-input:focus{border-color:var(--color-orange);outline:none}.today__loading{color:var(--color-muted);font-size:14px}.today__streak{align-items:center;gap:var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);display:flex}.today__streak-num{color:var(--color-orange);font-size:52px;font-weight:800;line-height:1}.today__streak-label{color:var(--color-text);font-size:16px;font-weight:600}.today__streak-sub{color:var(--color-muted);margin-top:var(--space-1);font-size:13px}.budget-jar{align-items:center;gap:var(--space-2);flex-direction:column;display:flex}.budget-jar__bar-wrap{align-items:flex-end;height:100px;display:flex}.budget-jar__bar-track{background:var(--color-surface-alt);border-radius:var(--radius-sm);align-items:flex-end;width:36px;height:100%;display:flex;overflow:hidden}.budget-jar__bar-fill{border-radius:var(--radius-sm);width:100%;min-height:2px;transition:height .4s}.budget-jar__label{color:var(--color-muted);text-transform:uppercase;letter-spacing:.04em;text-align:center;font-size:11px;font-weight:700}.budget-jar__amounts{color:var(--color-text);text-align:center;font-size:12px;font-weight:600}.budget-jar__slash{color:var(--color-subtle)}.budget-jar__alloc{color:var(--color-muted);font-weight:400}.budget-jar__remain{color:var(--color-sage);font-size:11px}.budget-jar__remain--over{color:#e06060}.loading-state{align-items:center;gap:var(--space-4);padding:var(--space-12);flex-direction:column;display:flex}.loading-state__spinner{border:3px solid var(--color-border-strong);border-top-color:var(--color-orange);border-radius:50%;width:36px;height:36px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-state__msg{color:var(--color-muted);font-size:14px}.budget-page{gap:var(--space-8);flex-direction:column;max-width:800px;display:flex}.budget-page__header{justify-content:space-between;align-items:flex-end;display:flex}.budget-page__title{color:var(--color-text);font-size:32px;font-weight:700}.budget-page__income{text-align:right}.budget-page__income-label{color:var(--color-muted);text-transform:uppercase;letter-spacing:.06em;font-size:12px;display:block}.budget-page__income-val{color:var(--color-text);font-size:24px;font-weight:700}.budget-summary{gap:var(--space-8);display:flex}.budget-summary__item{flex-direction:column;gap:2px;display:flex}.budget-summary__val{color:var(--color-text);font-size:20px;font-weight:700}.budget-summary__val--spent{color:var(--color-orange)}.budget-summary__val--free{color:var(--color-sage)}.budget-summary__val--over{color:#e06060}.budget-summary__label{color:var(--color-muted);font-size:12px}.budget-jars-title,.budget-table-title{color:var(--color-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-5);font-size:15px;font-weight:600}.budget-jars{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(110px,1fr));display:grid}.budget-table{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden}.budget-row{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.budget-row:last-child{border-bottom:none}.budget-row__left{align-items:center;gap:var(--space-3);display:flex}.budget-row__dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.budget-row__label{color:var(--color-text);font-size:14px;font-weight:600}.budget-row__right{align-items:center;gap:var(--space-3);display:flex}.budget-row__spent{color:var(--color-text);font-size:14px;font-weight:700}.budget-row__alloc{color:var(--color-muted);font-size:13px}.budget-row__pct{color:var(--color-sage);text-align:right;min-width:36px;font-size:12px;font-weight:700}.budget-row__pct--over{color:#e06060}@media (width<=600px){.budget-page__header{align-items:flex-start;gap:var(--space-3);flex-direction:column}.budget-summary{gap:var(--space-5)}}.budget-section-header{margin-bottom:var(--space-5);justify-content:space-between;align-items:center;display:flex}.budget-section-header .budget-jars-title{margin-bottom:0}.budget-jar-wrap{align-items:center;gap:var(--space-2);flex-direction:column;display:flex}.budget-jar-actions{opacity:0;gap:4px;transition:opacity .15s;display:flex}.budget-jar-wrap:hover .budget-jar-actions{opacity:1}.budget-income-editable{cursor:pointer;align-items:center;gap:6px;display:inline-flex}.budget-income-editable:hover{opacity:.8}.budget-edit-icon{color:var(--color-muted);font-size:16px}.budget-income-input{background:var(--color-surface-alt);border:1px solid var(--color-orange-border);border-radius:var(--radius-md);color:var(--color-text);font-size:22px;font-weight:700;font-family:var(--font-sans);text-align:right;outline:none;width:140px;padding:4px 10px}.budget-color-swatches{gap:var(--space-2);flex-wrap:wrap;display:flex}.budget-color-swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;width:28px;height:28px;transition:border-color .15s}.budget-color-swatch--active{border-color:var(--color-text)}.empty-state{align-items:center;gap:var(--space-3);padding:var(--space-12) var(--space-6);text-align:center;flex-direction:column;display:flex}.empty-state__icon{color:var(--color-border-strong);font-size:40px}.empty-state__title{color:var(--color-text);font-size:18px;font-weight:600}.empty-state__msg{color:var(--color-muted);max-width:280px;font-size:14px;line-height:1.5}.empty-state__btn{margin-top:var(--space-2);background:var(--color-orange-dim);border:1px solid var(--color-orange-border);color:var(--color-orange);border-radius:var(--radius-full);cursor:pointer;font-size:14px;font-weight:600;font-family:var(--font-sans);padding:10px 24px}.empty-state__btn:hover{opacity:.8}.spend-log{gap:var(--space-6);flex-direction:column;max-width:640px;display:flex}.spend-log__header{justify-content:space-between;align-items:center;display:flex}.spend-log__title{color:var(--color-text);font-size:32px;font-weight:700}.spend-log__total{color:var(--color-orange);font-size:24px;font-weight:700}.spend-log__filters{gap:var(--space-2);flex-wrap:wrap;display:flex}.spend-filter{border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-muted);cursor:pointer;text-transform:capitalize;font-size:13px;font-weight:600;font-family:var(--font-sans);padding:6px 14px;transition:all .15s}.spend-filter:hover{border-color:var(--color-border-strong);color:var(--color-text)}.spend-filter--active{background:var(--color-orange-dim);border-color:var(--color-orange-border);color:var(--color-orange)}.spend-log__list{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-2) var(--space-5)}.spend-log__controls{gap:var(--space-3);align-items:center;display:flex}.sl-btn:hover{opacity:.85}.sl-btn--danger{border-color:var(--color-border);color:var(--color-muted);background:0 0}.sl-btn--danger:hover{color:#e06060;opacity:1;border-color:#e06060}.sl-btn--icon{border-radius:var(--radius-sm);padding:4px 8px;font-size:14px;line-height:1}.sl-modal{background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-xl);padding:var(--space-8);width:100%;max-width:420px;box-shadow:var(--shadow-lg)}.sl-modal__form{gap:var(--space-5);flex-direction:column;display:flex}.sl-modal__actions{gap:var(--space-3);padding-top:var(--space-2);display:flex}.sl-field{gap:var(--space-2);flex-direction:column;display:flex}.sl-field__label{color:var(--color-muted);text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:600}.sl-field__input{background:var(--color-surface-alt);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);color:var(--color-text);font-size:14px;font-family:var(--font-sans);outline:none;width:100%;padding:10px 14px}.sl-field__input:focus{border-color:var(--color-orange-border)}.sl-field__error{color:#e06060;font-size:12px}.lesson-card{gap:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);flex-direction:column;text-decoration:none;transition:border-color .15s,transform .1s;display:flex}.lesson-card:hover{border-color:var(--color-border-strong);transform:translateY(-2px)}.lesson-card--done{border-color:var(--color-sage-border)}.lesson-card__top{justify-content:space-between;align-items:center;display:flex}.lesson-card__category{text-transform:uppercase;letter-spacing:.08em;color:var(--color-orange);font-size:11px;font-weight:700}.lesson-card__badge,.lesson-card__level{color:var(--color-sage);background:var(--color-sage-dim);border-radius:var(--radius-full);padding:3px 10px;font-size:11px;font-weight:700}.lesson-card__title{color:var(--color-text);font-size:17px;font-weight:600;line-height:1.3}.lesson-card__desc{color:var(--color-muted);flex:1;font-size:14px;line-height:1.5}.lesson-card__foot{margin-top:var(--space-2);justify-content:space-between;align-items:center;display:flex}.lesson-card__duration{color:var(--color-subtle);font-size:12px}.lesson-card__score{color:var(--color-sage);font-size:12px;font-weight:600}.hub{gap:var(--space-8);flex-direction:column;max-width:900px;display:flex}.hub__header{justify-content:space-between;align-items:flex-start;gap:var(--space-6);flex-wrap:wrap;display:flex}.hub__title{color:var(--color-text);font-size:32px;font-weight:700}.hub__sub{color:var(--color-muted);margin-top:var(--space-2);font-size:15px}.hub__progress{gap:var(--space-2);flex-direction:column;align-items:flex-end;min-width:160px;display:flex}.hub__progress-count{color:var(--color-muted);font-size:13px;font-weight:600}.hub__filters{gap:var(--space-2);flex-wrap:wrap;display:flex}.hub__filter-group{gap:var(--space-3);flex-direction:column;display:flex}.hub__filter-label{color:var(--color-subtle);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:800}.hub-filter{border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-muted);cursor:pointer;font-size:13px;font-weight:600;font-family:var(--font-sans);padding:7px 16px;transition:all .15s}.hub-filter:hover{border-color:var(--color-border-strong);color:var(--color-text)}.hub-filter--active{background:var(--color-orange-dim);border-color:var(--color-orange-border);color:var(--color-orange)}.hub__grid{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.hub__section{gap:var(--space-5);flex-direction:column;display:flex}.hub__section+.hub__section{padding-top:var(--space-8);border-top:1px solid var(--color-border)}.hub__section-heading{justify-content:space-between;align-items:flex-end;gap:var(--space-4);display:flex}.hub__section-heading h2{margin-top:var(--space-1);color:var(--color-text);font-size:21px}.hub__section-kicker{color:var(--color-orange);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:800}.hub__section-count{color:var(--color-subtle);white-space:nowrap;font-size:12px}.hub__empty{padding:var(--space-8);border:1px dashed var(--color-border-strong);border-radius:var(--radius-xl);color:var(--color-muted);text-align:center}@media (width<=560px){.hub__section-heading{align-items:flex-start}.hub__section-count{padding-top:var(--space-1)}}.lesson-progress{gap:var(--space-2);align-items:center;display:flex}.lesson-progress__dot{border-radius:var(--radius-full);background:var(--color-surface-alt);width:8px;height:8px;transition:background .2s,width .2s}.lesson-progress__dot--done{background:var(--color-sage)}.lesson-progress__dot--active{background:var(--color-orange);width:24px}.lesson-page{gap:var(--space-6);flex-direction:column;max-width:640px;display:flex}.lesson-page__top{justify-content:space-between;align-items:center;display:flex}.lesson-back{color:var(--color-muted);font-size:13px;font-weight:600;text-decoration:none}.lesson-back:hover{color:var(--color-text)}.lesson-page__meta{gap:var(--space-4);align-items:center;display:flex}.lesson-page__category{text-transform:uppercase;letter-spacing:.08em;color:var(--color-orange);font-size:11px;font-weight:700}.lesson-page__duration{color:var(--color-subtle);font-size:13px}.lesson-page__title{color:var(--color-text);font-size:28px;font-weight:700;line-height:1.25}.lesson-block{min-height:180px}.lesson-block__text{color:var(--color-text);font-size:17px;line-height:1.7}.lesson-block__callout{background:var(--color-surface);border:1px solid var(--color-border);border-left:4px solid var(--color-orange);border-radius:var(--radius-xl);padding:var(--space-6);gap:var(--space-3);flex-direction:column;display:flex}.lesson-block__callout-label{text-transform:uppercase;letter-spacing:.08em;color:var(--color-orange);font-size:11px;font-weight:800}.lesson-block__callout-body{color:var(--color-text);font-size:16px;line-height:1.6}.lesson-page__nav{justify-content:flex-end;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--color-border);display:flex}.lesson-nav-btn{border-radius:var(--radius-full);cursor:pointer;font-size:14px;font-weight:600;font-family:var(--font-sans);border:none;padding:12px 24px;transition:opacity .15s}.lesson-nav-btn--back{background:var(--color-surface-alt);color:var(--color-muted);border:1px solid var(--color-border)}.lesson-nav-btn--back:hover{color:var(--color-text)}.lesson-nav-btn--next{background:var(--color-surface-raised);color:var(--color-text)}.lesson-nav-btn--next:hover{opacity:.8}.lesson-nav-btn--quiz{background:var(--color-orange);color:#fff}.lesson-nav-btn--quiz:hover{opacity:.88}.lesson-page__done-badge{color:var(--color-sage);background:var(--color-sage-dim);border:1px solid var(--color-sage-border);border-radius:var(--radius-full);padding:2px 10px;font-size:11px;font-weight:700}.lesson-page__complete{padding-top:var(--space-4);border-top:1px solid var(--color-border)}.lesson-complete-row{align-items:center;gap:var(--space-4);display:flex}.lesson-complete-check{color:var(--color-sage);font-size:13px;font-weight:600}.lesson-mark-btn{border-radius:var(--radius-full);cursor:pointer;font-size:13px;font-weight:600;font-family:var(--font-sans);border:1px solid #0000;padding:10px 20px;transition:opacity .15s}.lesson-mark-btn--complete{background:var(--color-sage-dim);border-color:var(--color-sage-border);color:var(--color-sage)}.lesson-mark-btn--complete:hover{opacity:.8}.lesson-mark-btn--undo{border-color:var(--color-border-strong);color:var(--color-muted);background:0 0;padding:6px 14px;font-size:12px}.lesson-mark-btn--undo:hover{color:var(--color-text)}.quiz-q{gap:var(--space-3);flex-direction:column;display:flex}.quiz-q__counter{color:var(--color-muted);text-transform:uppercase;letter-spacing:.06em;font-size:13px;font-weight:600}.quiz-q__text{color:var(--color-text);font-size:22px;font-weight:600;line-height:1.35}.quiz-ans{text-align:left;background:var(--color-surface-alt);border:2px solid var(--color-border);border-radius:var(--radius-lg);width:100%;color:var(--color-text);cursor:pointer;font-size:15px;font-family:var(--font-sans);padding:16px 20px;transition:border-color .15s,background .15s}.quiz-ans:not(:disabled):hover{border-color:var(--color-orange-border);background:var(--color-orange-dim)}.quiz-ans--selected{border-color:var(--color-orange);background:var(--color-orange-dim)}.quiz-ans--correct{border-color:var(--color-sage);background:var(--color-sage-dim);color:var(--color-sage)}.quiz-ans--wrong{color:#e06060;background:#e060601f;border-color:#e06060}.quiz-ans:disabled{cursor:default}.quiz-page{gap:var(--space-6);flex-direction:column;max-width:600px;display:flex}.quiz-page__top{justify-content:space-between;align-items:center;display:flex}.quiz-back{color:var(--color-muted);font-size:13px;font-weight:600;text-decoration:none}.quiz-back:hover{color:var(--color-text)}.quiz-page__category{text-transform:uppercase;letter-spacing:.08em;color:var(--color-orange);font-size:11px;font-weight:700}.quiz-page__card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-8);gap:var(--space-6);flex-direction:column;display:flex}.quiz-options{gap:var(--space-3);flex-direction:column;display:flex}.quiz-feedback{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:14px;font-weight:600}.quiz-feedback--correct{color:var(--color-sage);background:var(--color-sage-dim)}.quiz-feedback--wrong{color:#e06060;background:#e060601a}.quiz-page__actions{justify-content:flex-end;display:flex}.quiz-btn{border-radius:var(--radius-full);cursor:pointer;font-size:15px;font-weight:600;font-family:var(--font-sans);border:none;padding:12px 28px;transition:opacity .15s}.quiz-btn--check{background:var(--color-surface-alt);color:var(--color-subtle);border:1px solid var(--color-border)}.quiz-btn--check.quiz-btn--active{background:var(--color-surface-raised);color:var(--color-text);border-color:var(--color-border-strong);cursor:pointer}.quiz-btn--check:disabled{cursor:not-allowed}.quiz-btn--next{background:var(--color-orange);color:#fff}.quiz-btn--next:hover{opacity:.88}.result-page{min-height:calc(100vh - 80px);padding:var(--space-8);justify-content:center;align-items:center;display:flex}.result-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);width:100%;max-width:440px;padding:var(--space-12) var(--space-10);align-items:center;gap:var(--space-5);text-align:center;flex-direction:column;display:flex}.result-badge{border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;font-size:28px;font-weight:700;display:flex}.result-badge--pass{background:var(--color-sage-dim);color:var(--color-sage)}.result-badge--retry{background:var(--color-orange-dim);color:var(--color-orange)}.result-title{color:var(--color-text);font-size:28px;font-weight:700}.result-sub{color:var(--color-muted);font-size:15px}.result-score{align-items:baseline;gap:4px;display:flex}.result-score__num{color:var(--color-text);font-size:64px;font-weight:800;line-height:1}.result-score__denom{color:var(--color-muted);font-size:24px}.result-hint{color:var(--color-subtle);max-width:280px;font-size:13px;line-height:1.5}.result-actions{gap:var(--space-3);width:100%;margin-top:var(--space-2);flex-direction:column;display:flex}.result-btn{border-radius:var(--radius-full);text-align:center;cursor:pointer;width:100%;font-size:15px;font-weight:600;font-family:var(--font-sans);border:none;padding:14px;text-decoration:none;transition:opacity .15s;display:block}.result-btn--primary{background:var(--color-orange);color:#fff}.result-btn--primary:hover{opacity:.88}.result-btn--retry{background:var(--color-surface-alt);color:var(--color-text);border:1px solid var(--color-border-strong)}.result-btn--retry:hover{background:var(--color-surface-raised)}.cards-page{gap:var(--space-10);flex-direction:column;max-width:900px;display:flex}.cards-page__title{color:var(--color-text);margin-bottom:var(--space-2);font-size:32px;font-weight:700}.cards-page__sub{color:var(--color-muted);font-size:15px}.cards-section{gap:var(--space-5);flex-direction:column;display:flex}.cards-section__top{gap:var(--space-4);flex-direction:column;display:flex}.cards-section__title{color:var(--color-muted);text-transform:uppercase;letter-spacing:.06em;font-size:15px;font-weight:600}.cards-filters{gap:var(--space-2);flex-wrap:wrap;display:flex}.cards-filter{border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-muted);cursor:pointer;font-size:13px;font-weight:600;font-family:var(--font-sans);padding:6px 14px;transition:all .15s}.cards-filter:hover{border-color:var(--color-border-strong);color:var(--color-text)}.cards-filter--active{background:var(--color-orange-dim);border-color:var(--color-orange-border);color:var(--color-orange)}.cards-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(360px,1fr));display:grid}.card-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);gap:var(--space-4);flex-direction:column;transition:border-color .15s;display:flex}.card-item:hover{border-color:var(--color-border-strong)}.card-item--owned{border-color:var(--color-sage-border)}.card-item__top{justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.card-item__left{flex:auto;min-width:0}.card-item__right{align-items:flex-end;gap:var(--space-2);flex-direction:column;flex-shrink:0;display:flex}.card-item__issuer{color:var(--color-subtle);text-transform:uppercase;letter-spacing:.06em;margin-bottom:2px;font-size:11px}.card-item__name{color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:700;overflow:hidden}.card-item__reward{text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;font-size:11px;font-weight:700}.card-item__owned-tag{color:var(--color-sage);background:var(--color-sage-dim);border-radius:var(--radius-full);padding:2px 8px;font-size:10px;font-weight:700}.card-item__tabs{gap:var(--space-2);display:flex}.card-item__tab{border-radius:var(--radius-full);border:1px solid var(--color-border);color:var(--color-muted);cursor:pointer;font-size:11px;font-weight:600;font-family:var(--font-sans);background:0 0;padding:3px 10px;transition:all .15s}.card-item__tab:hover{border-color:var(--color-border-strong);color:var(--color-text)}.card-item__tab--active{background:var(--color-orange-dim);border-color:var(--color-orange-border);color:var(--color-orange)}.card-item__highlights{gap:var(--space-1);height:108px;padding-right:var(--space-1);scrollbar-width:thin;scrollbar-color:var(--color-border-strong) transparent;flex-direction:column;flex-shrink:0;display:flex;overflow-y:auto}.card-item__highlights::-webkit-scrollbar{width:6px}.card-item__highlights::-webkit-scrollbar-track{background:0 0}.card-item__highlights::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:var(--radius-full)}.card-item__highlights::-webkit-scrollbar-thumb:hover{background:var(--color-subtle)}.card-item__highlight{color:var(--color-muted);padding-left:var(--space-4);font-size:13px;line-height:1.4;position:relative}.card-item__highlight:before{content:"•";color:var(--color-orange);position:absolute;left:0}.card-item__bonus{background:var(--color-surface-alt);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4)}.card-item__bonus-label{text-transform:uppercase;letter-spacing:.08em;color:var(--color-orange);margin-bottom:4px;font-size:10px;font-weight:700;display:block}.card-item__bonus-text{color:var(--color-text);font-size:13px;line-height:1.4}.card-item__foot{padding-top:var(--space-3);border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;margin-top:auto;display:flex}.card-item__fee-group{flex-direction:column;align-items:flex-start;gap:2px;display:flex}.card-item__fee{color:var(--color-muted);font-size:12px;font-weight:600}.card-item__effective-fee{color:var(--color-sage);cursor:pointer;font-size:11px;font-weight:700;font-family:var(--font-sans);text-underline-offset:2px;background:0 0;border:none;padding:0;text-decoration:underline}.card-item__effective-fee:hover{opacity:.8}.card-item__details-link{color:var(--color-orange);font-size:12px;font-weight:600;text-decoration:none}.card-item__details-link:hover{text-decoration:underline}.card-item__manage-btn,.card-item__add-btn{border-radius:var(--radius-full);padding:4px 12px;font-size:11px}.cards-section__top--row{flex-direction:row;justify-content:space-between;align-items:center}.sl-btn{border-radius:var(--radius-full);cursor:pointer;font-size:13px;font-weight:600;font-family:var(--font-sans);border:1px solid #0000;padding:8px 16px;transition:opacity .15s}.sl-btn:hover:not(:disabled){opacity:.85}.sl-btn:disabled{opacity:.5;cursor:not-allowed}.sl-btn--primary{background:var(--color-orange-dim);border-color:var(--color-orange-border);color:var(--color-orange)}.sl-btn--ghost{background:var(--color-surface);border-color:var(--color-border-strong);color:var(--color-muted)}.sl-btn--danger-solid{color:#e06060;background:#e0606026;border-color:#e0606059}.sl-modal-overlay{z-index:100;padding:var(--space-5);background:#000000a6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.sl-modal{background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-xl);padding:var(--space-8);width:100%;max-width:460px;box-shadow:var(--shadow-lg);max-height:85vh;overflow-y:auto}.sl-modal__title{color:var(--color-text);margin-bottom:var(--space-6);font-size:20px;font-weight:700}.sl-modal__actions{gap:var(--space-3);display:flex}.add-card-list{gap:var(--space-3);flex-direction:column;display:flex}.add-card-item{padding:var(--space-4);background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-md);justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.add-card-item__issuer{color:var(--color-subtle);text-transform:uppercase;letter-spacing:.06em;font-size:11px}.add-card-item__name{color:var(--color-text);margin-top:2px;font-size:14px;font-weight:600}.manage-card-preview{background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-5)}.calc-card-name{color:var(--color-text);margin-bottom:var(--space-4);font-size:14px;font-weight:600}.calc-credit-list{gap:var(--space-2);margin-bottom:var(--space-5);flex-direction:column;display:flex}.calc-credit-item{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex}.calc-credit-item__label{align-items:center;gap:var(--space-3);color:var(--color-text);cursor:pointer;font-size:13px;display:flex}.calc-credit-item__value{color:var(--color-muted);white-space:nowrap;font-size:12px;font-weight:600}.calc-summary{color:var(--color-muted);padding:var(--space-2) 0;justify-content:space-between;font-size:13px;display:flex}.calc-summary--total{color:var(--color-text);border-top:1px solid var(--color-border);margin-top:var(--space-2);padding-top:var(--space-4);font-size:15px;font-weight:700}.calc-ephemeral-note{color:var(--color-subtle);margin-top:var(--space-4);font-size:12px;font-style:italic}.cards-ai-panel{background:var(--color-surface);border:1px solid var(--color-orange-border);border-radius:var(--radius-xl);padding:var(--space-6);gap:var(--space-5);flex-direction:column;display:flex}.cards-ai-panel__header{justify-content:space-between;align-items:flex-start;gap:var(--space-5);flex-wrap:wrap;display:flex}.cards-ai-panel__title{color:var(--color-orange);margin-bottom:var(--space-2);font-size:18px;font-weight:700}.cards-ai-panel__desc{color:var(--color-muted);max-width:480px;font-size:13px;line-height:1.5}.cards-ai-panel__cta{white-space:nowrap;flex-shrink:0}.cards-ai-loading{align-items:center;gap:var(--space-2);padding:var(--space-3) 0;display:flex}.cards-ai-loading__dot{background:var(--color-orange);border-radius:50%;width:8px;height:8px;animation:1.2s ease-in-out infinite ai-pulse}.cards-ai-loading__dot:nth-child(2){animation-delay:.2s}.cards-ai-loading__dot:nth-child(3){animation-delay:.4s}@keyframes ai-pulse{0%,80%,to{opacity:.25;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.cards-ai-loading__text{color:var(--color-muted);margin-left:var(--space-2);font-size:13px}.cards-ai-result{background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-5)}.cards-ai-result__text{color:var(--color-text);white-space:pre-wrap;font-size:14px;line-height:1.7}.cards-ai-empty{color:var(--color-muted);font-size:13px;font-style:italic}.cards-ai-error{color:#e06060;border-radius:var(--radius-md);padding:var(--space-4);background:#e0606014;border:1px solid #e0606040;font-size:13px}.demo-page{background:var(--color-bg);min-height:100vh;padding:var(--space-8);gap:var(--space-10);flex-direction:column;max-width:860px;margin:0 auto;display:flex}.demo-header{justify-content:space-between;align-items:flex-start;gap:var(--space-6);padding:var(--space-6);background:var(--color-surface);border:2px dashed var(--color-orange-border);border-radius:var(--radius-xl);display:flex}.demo-header__left{gap:var(--space-3);flex-direction:column;display:flex}.demo-badge{background:var(--color-orange);color:#fff;letter-spacing:.12em;text-transform:uppercase;border-radius:var(--radius-full);width:fit-content;padding:3px 10px;font-size:10px;font-weight:800;display:inline-block}.demo-title{color:var(--color-text);margin:0;font-size:24px;font-weight:700}.demo-sub{color:var(--color-muted);max-width:560px;font-size:13px;line-height:1.5}.demo-sub code{background:var(--color-surface-alt);color:var(--color-orange);border-radius:4px;padding:1px 5px;font-family:ui-monospace,Consolas,monospace;font-size:12px}.demo-exit{color:#e06060;border-radius:var(--radius-full);cursor:pointer;font-size:13px;font-weight:600;font-family:var(--font-sans);white-space:nowrap;background:0 0;border:1px solid #e0606066;flex-shrink:0;padding:10px 20px;transition:background .15s}.demo-exit:hover{background:#e060601a}.demo-groups{gap:var(--space-8);flex-direction:column;display:flex}.demo-group__title{text-transform:uppercase;letter-spacing:.1em;color:var(--color-muted);margin-bottom:var(--space-4);font-size:11px;font-weight:800}.demo-group__items{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));display:grid}.demo-item{gap:var(--space-1);padding:var(--space-4) var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;text-align:left;font-family:var(--font-sans);flex-direction:column;text-decoration:none;transition:border-color .15s,background .15s;display:flex}.demo-item:hover{border-color:var(--color-orange-border);background:var(--color-orange-dim)}.demo-item__label{color:var(--color-text);font-size:15px;font-weight:600}.demo-item__note{color:var(--color-muted);font-size:12px;line-height:1.4}.demo-item__path{color:var(--color-subtle);margin-top:var(--space-1);font-family:ui-monospace,Consolas,monospace;font-size:11px}.demo-footer{padding:var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.demo-footer p{color:var(--color-muted);font-size:13px;line-height:1.6}.demo-footer code{background:var(--color-surface-alt);color:var(--color-sage);border-radius:4px;padding:1px 5px;font-family:ui-monospace,Consolas,monospace;font-size:12px}@media (width<=600px){.demo-page{padding:var(--space-5)}.demo-header{flex-direction:column}.demo-group__items{grid-template-columns:1fr}}.goals-page{max-width:1050px;margin:0 auto}.goals-page__header{margin-bottom:var(--space-8)}.goals-page__header h1{margin:4px 0 8px;font-size:34px}.goals-page__header>p:last-child{color:var(--color-muted)}.goals-page__eyebrow{color:var(--color-orange);letter-spacing:.1em;text-transform:uppercase;font-size:12px;font-weight:700}.goals-layout{gap:var(--space-6);grid-template-columns:minmax(0,1fr) minmax(300px,.85fr);align-items:start;display:grid}.goal-form-card,.saved-goals{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6)}.goal-form-card h2,.saved-goals h2{margin:0 0 var(--space-5);font-size:20px}.goal-form{gap:var(--space-5);flex-direction:column;display:flex}.goal-input{flex-direction:column;gap:7px;display:flex}.goal-input label{color:var(--color-muted);letter-spacing:.06em;text-transform:uppercase;font-size:12px;font-weight:700}.goal-input label span{color:var(--color-orange)}.goal-input label small{color:var(--color-subtle);margin-left:5px;font-size:10px}.goal-input input,.goal-input select,.goal-input textarea{background:var(--color-surface-alt);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);width:100%;color:var(--color-text);font:inherit;padding:12px 14px}.goal-input textarea{resize:vertical}.goal-input input:focus,.goal-input select:focus,.goal-input textarea:focus{border-color:var(--color-orange);outline:2px solid var(--color-orange-dim)}.goal-input [aria-invalid=true]{border-color:var(--color-orange)}.goal-input>p,.goal-form__error{color:#f0a17b;margin:0;font-size:12px}.goal-form>button{background:var(--color-orange);border-radius:var(--radius-full);color:#fff;cursor:pointer;font:inherit;border:0;padding:14px;font-weight:700}.goal-form>button:disabled{cursor:wait;opacity:.65}.saved-goals{gap:var(--space-4);flex-direction:column;display:flex}.saved-goals h2{margin-bottom:var(--space-1)}.saved-goals__empty{border:1px dashed var(--color-border-strong);border-radius:var(--radius-md);color:var(--color-muted);padding:var(--space-8);text-align:center}.saved-goal{justify-content:space-between;gap:var(--space-4);background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-5);display:flex}.saved-goal__type{color:var(--color-sage);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:700}.saved-goal h3{margin:5px 0 8px;font-size:17px}.saved-goal strong{color:var(--color-text);font-size:20px}.saved-goal p{color:var(--color-muted);overflow-wrap:anywhere;white-space:pre-wrap;margin:10px 0 0;line-height:1.5}.saved-goal__actions{align-items:flex-end;gap:var(--space-2);flex-direction:column;flex-shrink:0;display:flex}.saved-goal__actions button{color:var(--color-muted);cursor:pointer;font:inherit;white-space:nowrap;background:0 0;border:0;padding:2px;font-size:12px}.saved-goal__actions button:hover{color:var(--color-orange)}.saved-goal__actions button:disabled{cursor:wait;opacity:.6}.saved-goal__edit-btn{font-weight:600}@media (width<=850px){.goals-layout{grid-template-columns:1fr}}