:root{--bg:#f3f5fa;--surface:#fff;--surface-2:#eef1f7;--text:#121826;--muted:#667085;--border:#dfe3ec;--primary:#4f46e5;--primary-hover:#4338ca;--accent:#0ea5e9;--in:#059669;--out:#dc2626;--danger:#dc2626;--radius:16px;--header-h:80px;--shadow:0 1px 2px #1018280d, 0 6px 16px #1018280f;--shadow-lg:0 20px 40px #10182833;--hero:linear-gradient(135deg, #4f46e5 0%, #7c3aed 55%, #0ea5e9 100%);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark]{--bg:#0b0f1a;--surface:#141a29;--surface-2:#1c2335;--text:#e7eaf3;--muted:#98a2b8;--border:#283049;--primary:#818cf8;--primary-hover:#a5b4fc;--in:#34d399;--out:#f87171;--danger:#f87171;--shadow:0 1px 2px #0000004d, 0 6px 16px #00000040;--hero:linear-gradient(135deg, #312e81 0%, #5b21b6 55%, #0c4a6e 100%);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;transition:background .2s,color .2s}h1,h2,h3,p{margin:0}.container{max-width:1100px;margin:0 auto;padding:0 1.25rem}.muted{color:var(--muted);font-weight:400}.header{z-index:10;background:color-mix(in srgb, var(--surface) 85%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);position:sticky;top:0}.header__inner{height:var(--header-h);justify-content:space-between;align-items:center;display:flex}.logo{letter-spacing:-.02em;align-items:center;gap:.4rem;font-size:1.5rem;display:flex}.header .btn{padding:.65rem 1.15rem;font-size:1.05rem}.header .btn--icon{padding:.5rem .75rem;font-size:1.25rem}.logo__mark{color:var(--primary)}.header__actions{align-items:center;gap:.75rem;display:flex}.header__user{align-items:center;gap:.6rem;font-size:1.05rem;font-weight:600;display:flex}.avatar{background:var(--hero);color:#fff;border-radius:50%;place-items:center;width:40px;height:40px;font-size:1rem;display:grid}.btn{font:inherit;cursor:pointer;border:1px solid #0000;border-radius:10px;padding:.55rem 1rem;font-weight:600;transition:background .15s,transform 50ms,box-shadow .15s}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn--primary{background:var(--primary);color:#fff}[data-theme=dark] .btn--primary{color:#0b0f1a}.btn--primary:hover:not(:disabled){background:var(--primary-hover)}.btn--ghost{background:var(--surface);border-color:var(--border);color:var(--text)}.btn--ghost:hover{background:var(--surface-2)}.btn--light{color:#fff;background:#ffffff2e;border-color:#ffffff40}.btn--light:hover{background:#ffffff47}.btn--block{width:100%;padding:.75rem}.btn--icon{padding:.45rem .65rem}.person-btn{color:var(--primary);place-items:center;display:inline-grid}.logo__btn{font:inherit;color:inherit;letter-spacing:inherit;cursor:pointer;background:0 0;border:none;align-items:center;gap:.4rem;padding:0;display:inline-flex}.logo__btn:focus-visible{outline:2px solid var(--primary);outline-offset:4px;border-radius:6px}.home{grid-template-columns:minmax(260px,320px) minmax(0,1fr);grid-template-areas:"services stocks";align-items:start;gap:2.5rem;max-width:none;padding:3rem 2rem 4rem;animation:.3s ease-out fade-in;display:grid}.home__services{flex-direction:column;grid-area:services;gap:1rem;display:flex}.home__subtitle{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:.8rem;font-weight:700}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.stocks{flex-direction:column;grid-area:stocks;gap:1rem;width:100%;max-width:1100px;display:flex}.stocks__head{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.stocks__updated,.stocks__note{color:var(--muted);font-size:.9rem}.stocks__card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.stocks__empty{color:var(--muted);justify-content:center;align-items:center;gap:.6rem;padding:3rem 1rem;display:flex}.stocks__table{border-collapse:collapse;width:100%}.stocks__table tr+tr>*{border-top:1px solid var(--border)}.stocks__table th,.stocks__table td{text-align:left;vertical-align:middle;padding:1.15rem 1.5rem;font-weight:400}.stocks__table tbody tr:hover{background:var(--surface-2)}.stock__name strong{letter-spacing:.01em;font-size:1.35rem;display:block}.stock__name span{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;max-width:24ch;font-size:.95rem;display:block;overflow:hidden}.stock__trend{width:180px}.spark{display:block}.spark--up path{stroke:var(--in)}.spark--down path{stroke:var(--out)}.stocks__table .stock__price{text-align:right;font-variant-numeric:tabular-nums;font-size:1.4rem;font-weight:700}.stocks__table .stock__change{text-align:right;white-space:nowrap;width:1%}.stock__change small{font-variant-numeric:tabular-nums;margin-top:.3rem;font-size:.95rem;display:block}.pill{text-align:center;font-variant-numeric:tabular-nums;border-radius:999px;min-width:6rem;padding:.35rem .75rem;font-size:1.05rem;font-weight:700;display:inline-block}.pill--up{color:var(--in);background:color-mix(in srgb, var(--in) 14%, transparent)}.pill--down{color:var(--out);background:color-mix(in srgb, var(--out) 14%, transparent)}@media (width<=520px){.stock__trend{display:none}.stocks__table th,.stocks__table td{padding:.9rem 1rem}.stock__name strong,.stocks__table .stock__price{font-size:1.1rem}.stock__name span{max-width:14ch}.pill{min-width:4.75rem;font-size:.9rem}}.services{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.service{background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--primary);box-shadow:var(--shadow);border-radius:14px;padding:1rem 1.15rem}.service__title{margin:0 0 .2rem;font-size:1.05rem}.service__text{color:var(--muted);font-size:.925rem}.icon-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:.25rem .5rem;font-size:1rem}.icon-btn:hover{background:var(--surface-2);color:var(--text)}.link{font:inherit;color:var(--primary);cursor:pointer;background:0 0;border:none;padding:0;font-weight:600}.link:hover{text-decoration:underline}.chip{font:inherit;border:1px solid var(--border);background:var(--surface-2);color:var(--text);cursor:pointer;border-radius:999px;padding:.3rem .7rem;font-size:.8rem;font-weight:600}.chip:hover{border-color:var(--primary);color:var(--primary)}.chip--ghost{background:0 0}.input{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:10px;width:100%;padding:.6rem .8rem}.input--sm{width:auto;padding:.35rem .6rem;font-size:.875rem}.input:focus,.btn:focus-visible,.chip:focus-visible,.link:focus-visible,.icon-btn:focus-visible,.tabs__btn:focus-visible,.account__main:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.input-group{border:1px solid var(--border);background:var(--surface);border-radius:10px;align-items:stretch;display:flex;overflow:hidden}.input-group:focus-within{outline:2px solid var(--primary);outline-offset:2px}.input-group .input{border:none;border-radius:0;outline:none}.input-group__btn{font:inherit;color:var(--primary);cursor:pointer;background:0 0;border:none;padding:0 .85rem;font-size:.8rem;font-weight:600}.input-group__prefix{color:var(--muted);place-items:center;padding-left:.85rem;font-weight:600;display:grid}.input--amount{font-size:1.4rem;font-weight:700}.field{flex-direction:column;gap:.35rem;font-size:.875rem;font-weight:600;display:flex}.auth{min-height:calc(100vh - var(--header-h));grid-template-columns:1.1fr 1fr;display:grid}.auth__hero{background:var(--hero);color:#fff;flex-direction:column;justify-content:center;gap:1.25rem;padding:4rem;display:flex}.auth__hero h2{letter-spacing:-.03em;font-size:clamp(2rem,4vw,3rem);line-height:1.1}.auth__hero p{opacity:.9;max-width:34ch;font-size:1.1rem}.auth__features{gap:.75rem;margin:1rem 0 0;padding:0;font-weight:500;list-style:none;display:grid}.auth__card{scroll-margin-top:calc(var(--header-h) + 8px);flex-direction:column;justify-content:center;width:100%;max-width:480px;margin:0 auto;padding:3rem;display:flex}.tabs{background:var(--surface-2);border-radius:12px;margin-bottom:1.5rem;padding:4px;display:flex}.tabs--small{margin-bottom:0}.tabs__btn{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:9px;flex:1;padding:.55rem;font-weight:600}.tabs__btn.is-active{background:var(--surface);color:var(--text);box-shadow:var(--shadow)}.form{flex-direction:column;gap:1rem;display:flex}.form__title{letter-spacing:-.02em;font-size:1.6rem}.form__error{background:color-mix(in srgb, var(--danger) 12%, transparent);color:var(--danger);border-radius:10px;padding:.6rem .8rem;font-size:.875rem;font-weight:500}.form__switch{text-align:center;color:var(--muted);font-size:.9rem}.strength{align-items:center;gap:.6rem;font-weight:500;display:flex}.strength__bar{background:var(--surface-2);border-radius:999px;flex:1;height:6px;overflow:hidden}.strength__bar span{background:var(--danger);height:100%;transition:width .2s,background .2s;display:block}.strength--2 .strength__bar span{background:#f59e0b}.strength--3 .strength__bar span{background:#10b981}.strength--4 .strength__bar span{background:#059669}.demo{border:1px dashed var(--border);border-radius:12px;flex-direction:column;gap:.5rem;padding:.85rem;display:flex}.demo__title{color:var(--muted);font-size:.8rem}.demo__title code{color:var(--text);font-weight:600}.demo__note{color:var(--muted);font-size:.8rem}.demo__list{flex-wrap:wrap;gap:.4rem;display:flex}.dashboard{flex-direction:column;gap:1.75rem;padding-top:1.75rem;padding-bottom:3rem;display:flex}.overview{background:var(--hero);color:#fff;box-shadow:var(--shadow-lg);border-radius:24px;grid-template-columns:1fr auto;gap:1.5rem;padding:2rem;display:grid}.overview__greeting{opacity:.9;margin-bottom:.75rem;font-weight:600}.overview__label{text-transform:uppercase;letter-spacing:.06em;opacity:.8;font-size:.8rem;display:block}.overview__total{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:clamp(2.2rem,5vw,3.2rem);font-weight:800}.overview__month{text-align:right;flex-direction:column;justify-content:center;gap:.75rem;display:flex}.overview__month strong{font-variant-numeric:tabular-nums;font-size:1.15rem}.overview .amount--in,.overview .amount--out{color:#fff}.quick-actions{flex-wrap:wrap;grid-column:1/-1;gap:.6rem;display:flex}.section-title{margin-bottom:.85rem;font-size:1.1rem}.accounts{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;display:grid}.account{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);border-top:4px solid var(--primary);transition:border-color .15s,transform .15s;overflow:hidden}.account--savings{border-top-color:var(--accent)}.account.is-selected{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 25%, transparent), var(--shadow)}.account__main{all:unset;box-sizing:border-box;cursor:pointer;flex-direction:column;gap:.2rem;width:100%;padding:1.25rem 1.25rem .75rem;display:flex}.account__type{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:.8rem;font-weight:700}.account__balance{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:1.9rem;font-weight:800}.account__number{color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem}.account__actions{flex-wrap:wrap;gap:.4rem;padding:0 1.25rem 1.25rem;display:flex}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.25rem}.panel__header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.75rem;display:flex}.filters{flex-wrap:wrap;gap:.5rem;margin-bottom:.85rem;display:flex}.tx-list{margin:0;padding:0;list-style:none}.tx{border-top:1px solid var(--border);grid-template-columns:auto 1fr auto;align-items:center;gap:.9rem;padding:.85rem .25rem;animation:.2s fade-in;display:grid}.tx__icon{border-radius:12px;place-items:center;width:40px;height:40px;font-size:1.1rem;font-weight:700;display:grid}.tx__icon--in{background:color-mix(in srgb, var(--in) 15%, transparent);color:var(--in)}.tx__icon--out{background:color-mix(in srgb, var(--out) 15%, transparent);color:var(--out)}.tx__body{flex-direction:column;min-width:0;display:flex}.tx__title{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.tx__meta,.tx__date{color:var(--muted);font-size:.8rem}.tx__amounts{text-align:right;font-variant-numeric:tabular-nums;flex-direction:column;display:flex}.tx__balance{color:var(--muted);font-size:.75rem}.amount--in{color:var(--in)}.amount--out{color:var(--out)}.empty{text-align:center;color:var(--muted);padding:2.5rem 0 1.5rem}.empty__icon{font-size:2rem}.modal{z-index:50;background:#080a1499;place-items:center;padding:1rem;animation:.15s fade-in;display:grid;position:fixed;inset:0}.modal__panel{background:var(--surface);box-shadow:var(--shadow-lg);border-radius:20px;flex-direction:column;gap:1rem;width:min(460px,100%);max-height:calc(100vh - 2rem);padding:1.5rem;animation:.2s pop-in;display:flex;overflow-y:auto}.modal__header{justify-content:space-between;align-items:center;display:flex}.modal__actions{justify-content:flex-end;gap:.5rem;display:flex}.toasts{z-index:100;flex-direction:column;gap:.5rem;display:flex;position:fixed;bottom:1.25rem;right:1.25rem}.toast{background:var(--surface);color:var(--text);border-left:4px solid var(--in);box-shadow:var(--shadow-lg);border-radius:10px;min-width:240px;padding:.75rem 1rem;animation:.25s slide-in}.toast--error{border-left-color:var(--danger)}.loading{color:var(--muted);justify-content:center;align-items:center;gap:.75rem;padding:5rem 0;display:flex}.spinner{border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade-in{0%{opacity:0}}@keyframes pop-in{0%{opacity:0;transform:scale(.97)}}@keyframes slide-in{0%{opacity:0;transform:translate(20px)}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}@media (width<=860px){.home{grid-template-columns:1fr;grid-template-areas:"stocks""services";gap:2rem;padding:2rem 1.25rem 3rem}.auth{grid-template-columns:1fr}.auth__hero{padding:2.5rem 1.5rem}.auth__card{padding:2rem 1.25rem 3rem}}@media (width<=600px){:root{--header-h:68px}.logo{font-size:1.3rem}.header__name{display:none}.overview{grid-template-columns:1fr;padding:1.5rem}.overview__month{text-align:left;flex-direction:row;justify-content:space-between}.tx{grid-template-columns:auto 1fr}.tx__amounts{text-align:left;grid-column:2}}