:root{--rumo-50:oklch(97.5% .012 248);--rumo-100:oklch(94% .025 248);--rumo-200:oklch(88% .05 248);--rumo-300:oklch(78% .09 248);--rumo-400:oklch(65% .14 248);--rumo-500:oklch(52% .17 248);--rumo-600:oklch(45% .17 248);--rumo-700:oklch(36% .14 248);--rumo-800:oklch(28% .1 248);--rumo-900:oklch(20% .06 248);--sky:oklch(75% .13 232);--sky-soft:oklch(92% .05 232);--ink:oklch(20% .02 250);--ink-soft:oklch(38% .02 250);--ink-muted:oklch(55% .015 250);--ink-faint:oklch(72% .01 250);--canvas:oklch(98% .006 248);--surface:#fff;--surface-tint:oklch(97% .012 248);--line:oklch(92% .012 248);--line-strong:oklch(86% .018 248);--positive:oklch(62% .14 152);--positive-soft:oklch(94% .04 152);--negative:oklch(58% .18 27);--negative-soft:oklch(95% .03 27);--warning:oklch(72% .15 75);--warning-soft:oklch(95% .04 75);--cat-food:oklch(70% .15 35);--cat-transport:oklch(65% .14 200);--cat-home:oklch(60% .12 145);--cat-leisure:oklch(70% .16 305);--cat-health:oklch(68% .14 15);--cat-shopping:oklch(72% .14 80);--cat-edu:oklch(60% .16 268);--cat-subs:oklch(65% .1 250);--r-xs:6px;--r-sm:10px;--r-md:14px;--r-lg:20px;--r-xl:28px;--r-pill:999px;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:20px;--s-6:24px;--s-7:32px;--s-8:48px;--s-9:64px;--font-ui:"Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;--font-serif:"Instrument Serif", "Times New Roman", serif;--font-mono:"Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;--shadow-1:0 1px 2px oklch(0% 0 0/.04), 0 1px 1px oklch(0% 0 0/.03);--shadow-2:0 4px 14px oklch(35% .06 248/.06), 0 1px 2px oklch(0% 0 0/.04);--shadow-3:0 18px 40px oklch(35% .08 248/.1), 0 4px 10px oklch(0% 0 0/.04);--sidebar-w:248px;--topbar-h:64px;--bottomnav-h:72px}[data-theme=dark]{--ink:oklch(97% .005 248);--ink-soft:oklch(82% .015 248);--ink-muted:oklch(65% .02 248);--ink-faint:oklch(45% .02 248);--canvas:oklch(16% .02 248);--surface:oklch(21% .025 248);--surface-tint:oklch(24% .03 248);--line:oklch(28% .025 248);--line-strong:oklch(34% .03 248);--rumo-50:oklch(24% .04 248);--rumo-100:oklch(28% .06 248);--positive-soft:oklch(30% .07 152);--negative-soft:oklch(30% .07 27);--warning-soft:oklch(30% .07 75);--sky-soft:oklch(30% .07 232);--shadow-2:0 4px 14px oklch(0% 0 0/.25), 0 1px 2px oklch(0% 0 0/.2);--shadow-3:0 18px 40px oklch(0% 0 0/.35), 0 4px 10px oklch(0% 0 0/.2)}[data-density=compact]{--s-3:8px;--s-4:12px;--s-5:16px;--s-6:18px;--s-7:24px}*{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font-ui);color:var(--ink);background:var(--canvas);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:15px;line-height:1.45}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}input,select,textarea{font:inherit;color:inherit}.tabular{font-variant-numeric:tabular-nums}.serif{font-family:var(--font-serif);font-feature-settings:"ss01"}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--line-strong);border:2px solid var(--canvas);border-radius:999px}::-webkit-scrollbar-track{background:0 0}.app{grid-template-columns:var(--sidebar-w) 1fr;background:var(--canvas);min-height:100vh;display:grid}.sidebar{height:100vh;padding:var(--s-5) var(--s-4);gap:var(--s-4);border-right:1px solid var(--line);background:var(--surface);flex-direction:column;display:flex;position:sticky;top:0}.sidebar__logo{padding:var(--s-2) var(--s-3);height:var(--topbar-h);font-family:var(--font-serif);letter-spacing:-.01em;color:var(--ink);align-items:center;gap:10px;font-size:26px;display:flex}.sidebar__nav{flex-direction:column;gap:2px;display:flex}.sidebar__section{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-faint);padding:var(--s-5) var(--s-3) var(--s-2);font-size:11px;font-weight:600}.nav-item{align-items:center;gap:var(--s-3);padding:10px var(--s-3);border-radius:var(--r-md);color:var(--ink-soft);font-size:14px;font-weight:500;text-decoration:none;transition:background .12s,color .12s;display:flex;position:relative}.nav-item:hover{background:var(--surface-tint);color:var(--ink)}.nav-item--active{background:var(--rumo-50);color:var(--rumo-700)}.nav-item--active:before{content:"";background:var(--rumo-500);border-radius:0 4px 4px 0;width:3px;position:absolute;top:8px;bottom:8px;left:-16px}.nav-item__count{background:var(--rumo-100);color:var(--rumo-700);border-radius:999px;margin-left:auto;padding:2px 8px;font-size:11px;font-weight:600}.nav-item__icon{color:currentColor;flex:0 0 18px;width:18px;height:18px}.sidebar__footer{padding:var(--s-3);border-radius:var(--r-lg);background:linear-gradient(135deg, var(--rumo-600), var(--rumo-800));color:#fff;gap:var(--s-3);align-items:center;margin-top:auto;font-size:12.5px;display:flex}.sidebar__footer__icon{background:#ffffff26;border-radius:10px;flex:0 0 36px;place-items:center;height:36px;display:grid}.main{flex-direction:column;min-width:0;display:flex}.topbar{height:var(--topbar-h);align-items:center;gap:var(--s-4);padding:0 var(--s-7);border-bottom:1px solid var(--line);background:color-mix(in oklch, var(--surface) 90%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:20;display:flex;position:sticky;top:0}.topbar__title{letter-spacing:-.01em;font-size:18px;font-weight:600}.topbar__breadcrumb{color:var(--ink-muted);font-size:13px}.topbar__search{align-items:center;gap:var(--s-2);border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface-tint);max-width:360px;color:var(--ink-muted);flex:1;margin-left:auto;padding:8px 12px;font-size:13px;display:flex}.topbar__search:focus-within{border-color:var(--rumo-400);background:var(--surface)}.topbar__search input{color:var(--ink);background:0 0;border:0;outline:none;flex:1}.topbar__btn{border-radius:var(--r-md);width:38px;height:38px;color:var(--ink-soft);border:1px solid var(--line);place-items:center;display:grid}.topbar__btn:hover{background:var(--surface-tint)}.topbar__profile{background:linear-gradient(135deg, var(--rumo-400), var(--rumo-700));color:#fff;border-radius:999px;place-items:center;width:38px;height:38px;font-size:13px;font-weight:600;display:grid}.page{padding:var(--s-7) var(--s-7) calc(var(--s-9) + 40px);width:100%;max-width:1400px;margin:0 auto}.page__header{justify-content:space-between;align-items:flex-end;gap:var(--s-4);margin-bottom:var(--s-6);flex-wrap:wrap;display:flex}.page__title{font-family:var(--font-serif);letter-spacing:-.015em;color:var(--ink);margin:0;font-size:38px;line-height:1}.page__sub{color:var(--ink-muted);margin-top:6px;font-size:14px}.bottom-nav{display:none}@media (width<=900px){.app{grid-template-columns:1fr}.sidebar{display:none}.page{padding:var(--s-5) var(--s-4) calc(var(--bottomnav-h) + var(--s-7))}.topbar{padding:0 var(--s-4)}.topbar__search{display:none}.bottom-nav{height:var(--bottomnav-h);background:var(--surface);border-top:1px solid var(--line);z-index:40;padding-bottom:env(safe-area-inset-bottom);grid-template-columns:repeat(5,1fr);align-items:center;display:grid;position:fixed;bottom:0;left:0;right:0}.bottom-nav__item{color:var(--ink-muted);flex-direction:column;align-items:center;gap:4px;padding:6px 0;font-size:11px;font-weight:500;display:flex}.bottom-nav__item--active{color:var(--rumo-600)}.bottom-nav__add{background:linear-gradient(135deg, var(--rumo-500), var(--rumo-700));color:#fff;border-radius:999px;justify-self:center;place-items:center;width:56px;height:56px;margin-top:-28px;display:grid;box-shadow:0 8px 20px oklch(48% .16 248/.35)}.page__title{font-size:30px}}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--s-5)}.card--flush{padding:0}.card__head{justify-content:space-between;align-items:center;gap:var(--s-3);margin-bottom:var(--s-4);display:flex}.card__title{color:var(--ink);font-size:14px;font-weight:600}.card__sub{color:var(--ink-muted);font-size:12.5px}.card__action{color:var(--rumo-600);font-size:12.5px;font-weight:500}.card__action:hover{color:var(--rumo-700);text-decoration:underline}.btn{justify-content:center;align-items:center;gap:var(--s-2);border-radius:var(--r-md);white-space:nowrap;padding:10px 18px;font-size:14px;font-weight:600;transition:transform 80ms,background .12s,box-shadow .12s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn--primary{background:linear-gradient(135deg, var(--rumo-500), var(--rumo-700));color:#fff;box-shadow:0 2px oklch(35% .14 248),0 6px 16px oklch(48% .16 248/.25)}.btn--primary:hover{filter:brightness(1.05)}.btn--ghost{color:var(--ink-soft);border:1px solid var(--line);background:var(--surface)}.btn--ghost:hover{border-color:var(--line-strong);background:var(--surface-tint)}.btn--soft{background:var(--rumo-50);color:var(--rumo-700)}.btn--soft:hover{background:var(--rumo-100)}.btn--icon{padding:10px}.pill{background:var(--surface-tint);color:var(--ink-soft);border:1px solid var(--line);border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-flex}.pill--positive{background:var(--positive-soft);color:var(--positive);border-color:#0000}.pill--negative{background:var(--negative-soft);color:var(--negative);border-color:#0000}.pill--warning{background:var(--warning-soft);color:var(--warning);border-color:#0000}.pill--rumo{background:var(--rumo-100);color:var(--rumo-700);border-color:var(--rumo-300)}.cat-dot{border-radius:999px;flex-shrink:0;width:10px;height:10px}.cat-chip{background:var(--surface-tint);color:var(--ink-soft);border-radius:999px;align-items:center;gap:6px;padding:5px 10px 5px 8px;font-size:12px;font-weight:500;display:inline-flex}.stat{flex-direction:column;gap:4px;display:flex}.stat__label{color:var(--ink-muted);letter-spacing:.02em;text-transform:uppercase;font-size:12px;font-weight:600}.stat__value{font-family:var(--font-serif);letter-spacing:-.015em;font-size:32px;line-height:1}.stat__delta{color:var(--ink-muted);font-size:12px}.tx-row{gap:var(--s-3);padding:var(--s-3) var(--s-5);border-bottom:1px solid var(--line);grid-template-columns:36px 1fr auto auto;align-items:center;transition:background .12s;display:grid}.tx-row:last-child{border-bottom:0}.tx-row:hover{background:var(--surface-tint)}.tx-row__icon{border-radius:var(--r-sm);background:var(--surface-tint);width:36px;height:36px;color:var(--ink-soft);place-items:center;font-size:16px;display:grid}.tx-row__main{min-width:0}.tx-row__name{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:500;overflow:hidden}.tx-row__meta{color:var(--ink-muted);align-items:center;gap:8px;font-size:12px;display:flex}.tx-row__amount{font-family:var(--font-serif);letter-spacing:-.01em;font-size:18px}.tx-row__amount--neg{color:var(--ink)}.tx-row__amount--pos{color:var(--positive)}.tx-row__date{color:var(--ink-muted);font-variant-numeric:tabular-nums;font-size:12px}.divider{background:var(--line);height:1px}.muted{color:var(--ink-muted)}.row{gap:var(--s-3);align-items:center;display:flex}.col{gap:var(--s-3);flex-direction:column;display:flex}.spread{justify-content:space-between;align-items:center;gap:var(--s-3);display:flex}.grid{gap:var(--s-4);display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (width<=1100px){.grid-4{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(1,1fr)}}@media (width<=640px){.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}}.modal-backdrop{z-index:90;padding:var(--s-5);background:oklch(20% .04 248/.45);place-items:end center;animation:.18s fadeIn;display:grid;position:fixed;inset:0}@media (width>=720px){.modal-backdrop{place-items:center}}.modal{background:var(--surface);border-radius:var(--r-xl) var(--r-xl) 0 0;width:100%;max-width:540px;max-height:90vh;box-shadow:var(--shadow-3);animation:.24s cubic-bezier(.16,1,.3,1) slideUp;overflow:auto}@media (width>=720px){.modal{border-radius:var(--r-xl)}}.modal--wide{max-width:720px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.field{flex-direction:column;gap:6px;display:flex}.field__label{color:var(--ink-soft);font-size:12.5px;font-weight:500}.field__input{border:1px solid var(--line-strong);border-radius:var(--r-md);background:var(--surface);outline:none;padding:11px 14px;font-size:14px;transition:border .12s}.field__input:focus{border-color:var(--rumo-500);box-shadow:0 0 0 3px oklch(52% .17 248/.15)}.spark{width:100%;height:40px;display:block}.card--hero{padding:var(--s-6);background:radial-gradient(circle at 100% 0%, oklch(75% .13 232/.15), transparent 50%), radial-gradient(circle at 0% 100%, oklch(52% .17 248/.06), transparent 45%), var(--surface);border:1px solid var(--line)}.hero-grid{gap:var(--s-7);grid-template-columns:320px 1fr;display:grid}@media (width<=1100px){.hero-grid{grid-template-columns:1fr}}.hero-balance__value{letter-spacing:-.025em;margin-top:6px;font-size:52px;line-height:1}.hero-flows{margin-top:var(--s-6);gap:var(--s-3);padding-top:var(--s-4);border-top:1px solid var(--line);flex-direction:column;display:flex}.flow{align-items:center;gap:10px;display:flex}.flow__dot{border-radius:999px;width:10px;height:10px}.flow__label{color:var(--ink-muted);font-size:11.5px;font-weight:500}.flow__value{font-family:var(--font-serif);letter-spacing:-.01em;font-size:20px}.hero-horizon{min-width:0}.horizon{position:relative}.horizon__svg{width:100%;height:220px;display:block}.horizon__legend{margin-top:4px;padding:0 4px}.insight-card__icon{background:linear-gradient(135deg, var(--rumo-500), var(--rumo-700));color:#fff;border-radius:10px;place-items:center;width:32px;height:32px;display:grid}.insights{flex-direction:column;gap:4px;display:flex}.insight{border-bottom:1px solid var(--line);grid-template-columns:14px 1fr auto;align-items:start;gap:12px;padding:14px 0;font-size:13.5px;line-height:1.5;display:grid}.insight:last-child{border-bottom:0}.insight__dot{border-radius:999px;width:8px;height:8px;margin-top:6px}.bills-list{flex-direction:column;gap:6px;display:flex}.bill{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:10px 4px;display:flex}.bill:last-child{border-bottom:0}.bill__day{border-radius:var(--r-sm);background:var(--surface-tint);border:1px solid var(--line);text-align:center;flex-direction:column;flex-shrink:0;justify-content:center;width:40px;height:44px;display:flex}.bill__day__num{font-family:var(--font-serif);font-size:18px;line-height:1}.bill__day__mo{color:var(--ink-muted);letter-spacing:.05em;font-size:9.5px;font-weight:600}.constellation-wrap{gap:var(--s-6);grid-template-columns:1fr 220px;align-items:center;display:grid}.constellation{width:100%;height:320px}.constellation-stats{flex-direction:column;gap:14px;display:flex}.constellation-legend{flex-direction:column;align-items:flex-start;gap:6px;margin-top:4px;display:flex}@media (width<=800px){.constellation-wrap{grid-template-columns:1fr}}.goals-mini{gap:var(--s-4);flex-direction:column;display:flex}.goal-mini__row{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.goal-mini__icon{border-radius:var(--r-sm);color:#fff;place-items:center;width:36px;height:36px;font-size:18px;display:grid}.goal-mini__bar{background:var(--line);border-radius:999px;height:6px;overflow:hidden}.goal-mini__bar__fill{border-radius:999px;height:100%;transition:width .4s}.accounts-list{flex-direction:column;gap:4px;display:flex}.account{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:12px 4px;display:flex}.account:last-child{border-bottom:0}.account__bar{border-radius:999px;width:4px;height:36px}.account--add{cursor:pointer;color:var(--ink-soft)}.account--add:hover{color:var(--rumo-700)}.invest-grid{gap:var(--s-3);grid-template-columns:repeat(5,1fr);display:grid}@media (width<=1100px){.invest-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.invest-grid{grid-template-columns:1fr}}.invest-mini{padding:var(--s-4);border-radius:var(--r-md);background:var(--surface-tint);border:1px solid var(--line)}.invest-mini__head{justify-content:space-between;align-items:center;display:flex}.budget-row{gap:var(--s-4);padding:var(--s-4) var(--s-5);border-bottom:1px solid var(--line);grid-template-columns:200px 1fr 110px 100px;align-items:center;display:grid}.budget-row:last-child{border-bottom:0}.budget-row__label{align-items:center;gap:10px;min-width:0;display:flex}.budget-row__chip{border-radius:var(--r-sm);color:#fff;place-items:center;width:32px;height:32px;font-size:16px;display:grid}.budget-row__name{font-size:14px;font-weight:500}.budget-row__sub{color:var(--ink-muted);font-size:11.5px}.budget-bar{background:var(--surface-tint);border-radius:var(--r-sm);border:1px solid var(--line);height:28px;position:relative;overflow:hidden}.budget-bar__fill{border-radius:var(--r-sm) 0 0 var(--r-sm);height:100%;position:relative}.budget-bar__threshold{background:var(--ink-soft);opacity:.4;width:1px;position:absolute;top:-2px;bottom:-2px}.budget-bar__label{color:var(--surface);font-variant-numeric:tabular-nums;padding:0 8px;font-size:11px;font-weight:600;position:absolute;top:50%;transform:translateY(-50%)}@media (width<=800px){.budget-row{grid-template-columns:1fr}}.goal-card{padding:var(--s-6);border-radius:var(--r-xl);background:var(--surface);border:1px solid var(--line);position:relative;overflow:hidden}.goal-card__path{margin-top:var(--s-5);height:120px;position:relative}.goal-route{width:100%;height:100%;display:block}.cc{aspect-ratio:1.586;border-radius:var(--r-lg);padding:var(--s-5);color:#fff;flex-direction:column;justify-content:space-between;display:flex;position:relative;overflow:hidden}.cc:after{content:"";pointer-events:none;background:radial-gradient(circle at 100% 0,#ffffff2e,#0000 50%);position:absolute;inset:0}.cc__number{font-family:var(--font-mono);letter-spacing:.15em;opacity:.95;font-size:17px}.cc__chip{background:linear-gradient(135deg,oklch(85% .05 80),oklch(70% .08 60));border-radius:6px;width:38px;height:28px}.cc__flag{letter-spacing:.04em;opacity:.95;text-transform:uppercase;font-size:14px;font-weight:700}.cc__name{opacity:.9;font-size:13px}.tx-tabs{background:var(--surface-tint);border-radius:var(--r-md);grid-template-columns:repeat(3,1fr);margin-bottom:20px;padding:4px;display:grid}.tx-tabs__btn{border-radius:calc(var(--r-md) - 4px);color:var(--ink-muted);text-align:center;padding:10px 8px;font-size:13.5px;font-weight:500}.tx-tabs__btn--active{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-1)}.tx-tabs__btn--active.tx-tabs__btn--negative{color:var(--negative)}.tx-tabs__btn--active.tx-tabs__btn--positive{color:var(--positive)}.tx-tabs__btn--active.tx-tabs__btn--transfer{color:var(--rumo-700)}.amount-input{padding:var(--s-5) 0 var(--s-4);justify-content:center;align-items:baseline;gap:10px;display:flex}.amount-input__currency{color:var(--ink-muted);font-size:22px;font-family:var(--font-serif)}.amount-input__value{font-family:var(--font-serif);text-align:center;letter-spacing:-.02em;width:240px;color:var(--ink);background:0 0;border:0;outline:none;font-size:64px;line-height:1}.amount-input--negative .amount-input__value{color:var(--negative)}.amount-input--positive .amount-input__value{color:var(--positive)}.cat-picker{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.cat-pick{border-radius:var(--r-md);border:1px solid var(--line);background:var(--surface);color:var(--ink-soft);flex-direction:column;align-items:center;gap:6px;padding:12px 4px;font-size:11.5px;font-weight:500;transition:all .12s;display:flex}.cat-pick:hover{border-color:var(--line-strong)}.cat-pick__icon{color:#fff;border-radius:999px;place-items:center;width:36px;height:36px;font-size:16px;display:grid}.cat-pick--active{border-color:var(--rumo-500);background:var(--rumo-50);box-shadow:0 0 0 3px oklch(52% .17 248/.15)}.onboarding{grid-template-columns:1fr 1fr;display:grid}@media (width<=720px){.onboarding{grid-template-columns:1fr}}.onboarding__art{background:linear-gradient(135deg, var(--rumo-700), var(--rumo-500));color:#fff;padding:var(--s-7);flex-direction:column;justify-content:space-between;min-height:380px;display:flex;position:relative;overflow:hidden}.onboarding__art:before{content:"";background:radial-gradient(circle at 80% 20%,oklch(75% .14 232/.4),#0000 60%);position:absolute;inset:0}.bar-chart{align-items:end;gap:8px;height:220px;padding:20px 0;display:flex}.bar-chart__col{flex-direction:column-reverse;flex:1;align-items:center;gap:6px;display:flex;position:relative}.bar-chart__bar{border-radius:var(--r-xs) var(--r-xs) 0 0;width:100%;transition:height .3s;position:relative}.bar-chart__label{color:var(--ink-muted);font-variant-numeric:tabular-nums;font-size:11px}.settings-section{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden}.settings-row{border-bottom:1px solid var(--line);align-items:center;gap:14px;padding:14px 20px;display:flex}.settings-row:last-child{border-bottom:0}.settings-row__icon{border-radius:var(--r-sm);background:var(--rumo-50);width:36px;height:36px;color:var(--rumo-700);place-items:center;display:grid}.settings-row__label{font-size:14px;font-weight:500}.settings-row__sub{color:var(--ink-muted);margin-top:2px;font-size:12px}.toggle{background:var(--line-strong);cursor:pointer;border-radius:999px;flex-shrink:0;width:38px;height:22px;transition:background .16s;position:relative}.toggle:after{content:"";background:#fff;border-radius:999px;width:18px;height:18px;transition:transform .16s;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #0003}.toggle--on{background:var(--rumo-500)}.toggle--on:after{transform:translate(16px)}.sr-only{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.app-loading{background:var(--canvas);place-items:center;animation:.2s fadeIn;display:grid;position:fixed;inset:0}.login-page{background:var(--canvas);min-height:100dvh;padding:var(--s-6);place-items:center;display:grid}.login-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xl);width:100%;max-width:400px;padding:var(--s-8) var(--s-7);box-shadow:var(--shadow-3)}.login-card__brand{margin-bottom:var(--s-6);justify-content:center;display:flex}.login-card__title{font-family:var(--font-serif);letter-spacing:-.02em;text-align:center;margin:0 0 var(--s-2);color:var(--ink);font-size:32px;font-weight:400}.login-card__sub{text-align:center;color:var(--ink-muted);margin:0 0 var(--s-7);font-size:14px}.login-form{gap:var(--s-4);flex-direction:column;display:flex}.login-btn{width:100%;margin-top:var(--s-2);justify-content:center;padding:14px;font-size:15px}.login-error{background:var(--negative-soft);color:var(--negative);border-radius:var(--r-md);margin-bottom:var(--s-4);padding:10px 14px;font-size:13.5px}