:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f6f8f8;background:#091419;font-synthesis:none;--bg:#091419;--panel:rgba(18,35,42,.9);--line:rgba(222,235,235,.11);--text:#f6f8f8;--muted:#9eafb2;--lavender:#8fc5cd;--purple:#4d929f;--mint:#a9d4c4;--sand:#d4bd91;--dune:#ad9a72;--red:#e9a7a0;--shadow:0 22px 60px rgba(3,12,16,.42)}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 14% -5%,rgba(79,145,158,.22),transparent 30%),radial-gradient(circle at 92% 20%,rgba(212,189,145,.08),transparent 28%),linear-gradient(180deg,#081319,#0d1c22 52%,#081318);color:var(--text)}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.6;cursor:wait}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(29px,6vw,42px);letter-spacing:-.045em;line-height:1.06;margin-bottom:7px}h2{letter-spacing:-.035em}p{line-height:1.5}.app-shell{min-height:100vh;overflow-x:hidden}.ambient{position:fixed;border-radius:999px;filter:blur(95px);pointer-events:none;opacity:.2}.ambient-one{width:300px;height:300px;background:#397f8d;top:-120px;right:-70px}.ambient-two{width:240px;height:240px;background:#c5ac7f;bottom:8%;left:-130px;opacity:.09}.glass{background:linear-gradient(145deg,#162b33f0,#0b191fe8);border:1px solid var(--line);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:24px}.topbar{height:74px;position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:0 max(18px,calc((100vw - 900px)/2 + 18px));border-bottom:1px solid rgba(225,235,235,.07);background:#07141ac7;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.topbar>div{display:flex;align-items:center;gap:10px}.brand-mark,.login-logo{display:grid;place-items:center;background:linear-gradient(145deg,#b7d9d6,#6faab2);color:#10262c;box-shadow:0 8px 24px #296e7c47}.brand-mark{width:34px;height:34px;border-radius:11px}.avatar{width:43px;height:43px;display:grid;place-items:center;border-radius:14px;border:1px solid rgba(255,255,255,.16);background:linear-gradient(145deg,#d8cfb8,#a9c9c7);color:#153039;font-weight:900}.avatar.large{width:58px;height:58px;border-radius:18px;font-size:21px}.topbar strong{letter-spacing:-.02em}main{width:min(900px,100%);margin:auto;padding:24px 17px 116px;position:relative;z-index:2}.view{animation:fade .25s ease}@keyframes fade{0%{opacity:0;transform:translateY(7px)}}.hero{display:flex;justify-content:space-between;align-items:flex-end;margin:8px 2px 24px}.coast-hero{min-height:235px;position:relative;overflow:hidden;align-items:flex-end;margin:0 0 16px;padding:27px;border:1px solid rgba(236,241,239,.16);border-radius:27px;background:linear-gradient(90deg,#051319e6,#05141aa8 52%,#05141a40),url(/noord-holland-coast.png) center 55%/cover no-repeat;box-shadow:var(--shadow)}.coast-hero:after{content:"";position:absolute;inset:auto 0 0;height:42%;background:linear-gradient(transparent,#0512183d);pointer-events:none}.coast-hero>div,.coast-hero>button{position:relative;z-index:1}.coast-hero h1{font-size:clamp(31px,7vw,47px);text-shadow:0 2px 20px rgba(0,0,0,.35)}.coast-hero .eyebrow{color:#d2e7e7}.coast-label{display:flex!important;align-items:center;gap:7px;margin:0 0 32px!important;color:#e8e3d6!important;font-size:9px;font-weight:900;letter-spacing:.15em}.coast-label span{width:7px;height:7px;border-radius:50%;background:var(--sand);box-shadow:0 0 12px #d4bd91bf}.hero p:last-child{color:#d0d9d9;margin:0}.eyebrow{margin:0 0 7px;color:var(--lavender);font-size:10px;font-weight:900;letter-spacing:.16em}.primary,.secondary{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 17px;border-radius:14px;border:1px solid transparent;font-weight:800}.primary{background:linear-gradient(135deg,#b9d8d5,#6faab2);color:#10252b;box-shadow:0 10px 26px #2d707d47}.secondary{background:#e8efee0d;color:#e8eeee;border-color:var(--line)}.full{width:100%}.balance-card{padding:25px;display:grid;grid-template-columns:1fr auto;gap:22px;background:radial-gradient(circle at 90% 0,rgba(142,196,204,.15),transparent 36%),linear-gradient(145deg,#183038f7,#0d1d23f0)}.balance-card>div:first-child span{display:block;color:var(--muted);font-size:13px;margin-bottom:8px}.balance-card>div:first-child strong{font-size:clamp(34px,8vw,52px);letter-spacing:-.055em}.balance-icon{width:57px;height:57px;display:grid;place-items:center;border-radius:18px;background:#8fc5cd24;color:var(--lavender)}.balance-icon.negative{color:var(--red);background:#e9a7a01c}.balance-split{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);padding-top:20px}.balance-split>span{display:grid;grid-template-columns:auto 1fr;gap:2px 10px;align-items:center}.balance-split>span+span{padding-left:22px;border-left:1px solid var(--line)}.balance-split i{grid-row:1/3;width:34px;height:34px;display:grid;place-items:center;border-radius:11px;font-style:normal}.balance-split i.income{background:#a9d4c41c;color:var(--mint)}.balance-split i.expense{background:#e9a7a01a;color:var(--red)}.balance-split small,.metric-card small{color:var(--muted)}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:14px 0}.metric-card{padding:19px}.metric-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:13px;margin-bottom:16px}.metric-icon.lavender{background:#8fc5cd21;color:var(--lavender)}.metric-icon.mint{background:#a9d4c41a;color:var(--mint)}.metric-card small,.metric-card strong{display:block}.metric-card strong{font-size:26px;margin:5px 0 2px}.metric-card p{margin:0;color:var(--muted);font-size:12px}.goal-feature{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:25px;padding:25px;margin-bottom:14px}.goal-feature h2{font-size:25px;margin-bottom:5px}.goal-feature p{color:var(--muted);margin-bottom:13px}.goal-feature p b{color:#fff}.goal-ring{--progress:0deg;width:112px;height:112px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(var(--sand) var(--progress),rgba(255,255,255,.07) 0);position:relative;box-shadow:0 0 35px #d4bd911f}.goal-ring:after{content:"";position:absolute;inset:9px;background:#132b33;border-radius:50%}.goal-ring>div{position:relative;z-index:1;text-align:center}.goal-ring strong,.goal-ring small{display:block}.goal-ring strong{font-size:25px}.goal-ring small{color:var(--muted);font-size:10px}.progress{height:7px;overflow:hidden;border-radius:99px;background:#ffffff12;margin-bottom:8px}.progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#5b9aa5,#d2bd93);box-shadow:0 0 16px #8fc5cd57}.chart-card{padding:22px 10px 8px;margin-bottom:14px}.chart-card .section-head{padding:0 13px}.chart-card h2{font-size:22px;margin-bottom:14px}.page-title{display:flex;justify-content:space-between;align-items:end;margin:8px 1px 23px}.transaction-list{overflow:hidden}.transaction-list article{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:13px;padding:15px 17px;border-bottom:1px solid rgba(255,255,255,.055)}.transaction-list article:last-child{border:0}.transaction-icon{width:41px;height:41px;display:grid;place-items:center;border-radius:13px}.transaction-icon.expense{background:#e9a7a01a;color:var(--red)}.transaction-icon.income{background:#a9d4c41a;color:var(--mint)}.transaction-list article div strong,.transaction-list article div small{display:block}.transaction-list article div small{font-size:11px;color:var(--muted);margin-top:4px}.transaction-list article>b{font-size:14px}.transaction-list article>b.expense{color:#ecc0bc}.transaction-list article>b.income{color:var(--mint)}.icon-button{width:38px;height:38px;display:grid;place-items:center;padding:0;border:0;border-radius:12px;background:#ffffff0d;color:#c9d3d4}.icon-button.danger{color:#d88796;background:transparent}.empty{text-align:center;padding:54px 20px;color:var(--muted)}.empty>svg{color:var(--lavender);margin-bottom:10px}.empty h3{color:#fff}.goal-list{display:grid;gap:14px}.goal-card{padding:22px}.goal-card-top{display:flex;align-items:flex-start;justify-content:space-between}.tag{padding:5px 9px;border-radius:99px;background:#d4bd911f;color:#ddcda9;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.goal-card h2{font-size:25px;margin:0 0 14px}.goal-numbers{display:flex;align-items:baseline;gap:7px;margin-bottom:12px}.goal-numbers strong{font-size:24px}.goal-numbers span,.goal-meta span{color:var(--muted);font-size:12px}.progress.large{height:10px}.goal-meta{display:flex;justify-content:space-between;margin:10px 0 20px;font-size:12px}.inline-form{display:grid;grid-template-columns:1fr auto auto;gap:8px}.settings-card,.security-card{display:flex;align-items:center;gap:16px;padding:20px;margin-bottom:14px}.settings-card small{color:var(--muted)}.settings-card h3{margin:3px 0}.security-card{align-items:flex-start}.security-card .metric-icon{flex:0 0 auto;margin:0}.security-card h3{margin-bottom:5px}.security-card p{color:var(--muted);font-size:13px;margin:0}.logout{margin-top:25px}.bottom-nav{position:fixed;z-index:30;bottom:0;left:50%;transform:translate(-50%);width:min(900px,100%);height:78px;display:grid;grid-template-columns:repeat(4,1fr);padding:8px 12px max(8px,env(safe-area-inset-bottom));background:#08171ded;border-top:1px solid rgba(223,236,235,.08);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.bottom-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:0;background:transparent;color:#7f9498;font-size:10px;font-weight:700}.bottom-nav button.active{color:#b2d5d7}.fab{display:none}.login-shell{min-height:100vh;display:grid;place-items:center;padding:20px;position:relative;overflow:hidden;background:linear-gradient(90deg,#041015e0,#05141aa3),url(/noord-holland-coast.png) center/cover no-repeat}.login-card{width:min(450px,100%);padding:36px;position:relative;z-index:2}.login-logo{width:54px;height:54px;border-radius:17px;margin-bottom:26px}.login-card h1{font-size:38px;margin-bottom:12px}.subtle{color:var(--muted)}label{display:grid;gap:7px;color:#cbd6d7;font-size:12px;font-weight:700;margin:15px 0}input,select{width:100%;height:48px;border:1px solid var(--line);border-radius:13px;background:#030d1180;color:#fff;padding:0 13px;outline:none}input:focus,select:focus{border-color:#8fc5cd9e;box-shadow:0 0 0 3px #8fc5cd17}.login-note{text-align:center;color:#819296;font-size:11px;margin:18px 0 0}.form-error{color:var(--red);font-size:12px}.center-screen{min-height:100vh;display:grid;place-content:center;justify-items:center;color:var(--muted);gap:12px}.center-screen.inset{min-height:50vh}.spinner{width:28px;height:28px;border:3px solid rgba(143,197,205,.15);border-top-color:var(--lavender);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-banner,.scan-result{display:flex;align-items:center;gap:8px;border:1px solid rgba(233,167,160,.22);background:#422225db;color:#f5c0bc;padding:12px 14px;border-radius:14px;margin-bottom:15px;font-size:12px}.error-banner button{margin-left:auto;border:0;background:none;color:inherit}.modal-backdrop{position:fixed;inset:0;z-index:100;display:grid;place-items:end center;padding:20px;background:#020b0ec2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal{width:min(600px,100%);max-height:calc(100vh - 40px);overflow:auto;padding:24px}.modal>header{display:flex;align-items:center;justify-content:space-between}.modal>header h2{margin:0;font-size:25px}.mode-tabs,.kind-switch{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:5px;margin:20px 0;border-radius:15px;background:#00000038}.mode-tabs button,.kind-switch button{height:42px;display:flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:11px;background:transparent;color:var(--muted);font-weight:700}.mode-tabs button.active,.kind-switch button.active{background:#ffffff14;color:#fff}.kind-switch button.active.expense{color:#efb7b2}.kind-switch button.active.income{color:var(--mint)}.scan-panel{min-height:285px;display:grid;place-content:center;justify-items:center;text-align:center;border:1px dashed rgba(143,197,205,.36);border-radius:18px;background:#8fc5cd0e;color:var(--lavender);cursor:pointer}.scan-panel h3{color:#fff;margin:14px 0 3px}.scan-panel p{color:var(--muted);font-size:11px}.scan-result{background:#a9d4c412;border-color:#a9d4c42b;color:#c8e9dc}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.amount-label>div{position:relative}.amount-label>div span{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:var(--sand);font-size:23px;font-weight:800}.amount-label input{height:67px;padding-left:45px;font-size:28px;font-weight:800}.entry-form>.primary{margin-top:12px}.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-icon.sand{background:#d4bd911f;color:var(--sand)}.savings-account{padding:24px;margin-bottom:16px;background:radial-gradient(circle at 95% 4%,rgba(212,189,145,.15),transparent 32%),linear-gradient(145deg,#183139f7,#0c1d23f0)}.savings-account-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.savings-account-head h2{font-size:27px;margin-bottom:4px}.savings-account-head p:last-child{color:var(--muted);font-size:12px;margin:0}.savings-badge{width:54px;height:54px;display:grid;place-items:center;flex:0 0 auto;border-radius:18px;background:#d4bd9121;color:var(--sand)}.savings-balance{display:block;margin:20px 0;font-size:clamp(36px,8vw,54px);letter-spacing:-.055em}.savings-history{margin-top:23px;padding-top:19px;border-top:1px solid var(--line)}.savings-history h3{font-size:14px;margin-bottom:11px}.savings-entry{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:11px;padding:11px 0;border-top:1px solid rgba(255,255,255,.05)}.savings-entry>span{width:34px;height:34px;display:grid;place-items:center;border-radius:11px}.savings-entry>span.deposit{background:#a9d4c41a;color:var(--mint)}.savings-entry>span.withdrawal{background:#e9a7a01a;color:var(--red)}.savings-entry div b,.savings-entry div small{display:block}.savings-entry div small{margin-top:2px;color:var(--muted);font-size:11px}.savings-entry>strong{font-size:13px}.savings-entry>strong.deposit{color:var(--mint)}.savings-entry>strong.withdrawal{color:var(--red)}.savings-empty,.goal-account-note,.savings-info{color:var(--muted);font-size:12px}.savings-empty{margin:14px 0 2px}.goal-account-note{margin:0;padding-top:13px;border-top:1px solid var(--line)}.savings-modal-balance{display:flex;justify-content:space-between;align-items:center;margin:18px 0 4px;padding:14px;border-radius:14px;background:#8fc5cd12;border:1px solid rgba(143,197,205,.12)}.savings-modal-balance span{color:var(--muted);font-size:12px}.savings-modal-balance strong{font-size:20px}.savings-info{margin:16px 0 2px;padding:11px 13px;border-radius:12px;background:#d4bd9112;border:1px solid rgba(212,189,145,.1)}.goal-card.house-goal{min-height:340px;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden;background:linear-gradient(180deg,#07161c2e,#07161cb3 48%,#07161cfa),url(/noord-holland-house.png) 58% center/cover no-repeat}.goal-card.house-goal>*{position:relative;z-index:1}.goal-card.house-goal .goal-card-top{margin-bottom:auto}.goal-card.house-goal h2{text-shadow:0 2px 18px rgba(0,0,0,.55)}.goal-feature.house-goal-feature{position:relative;overflow:hidden;min-height:245px;background:linear-gradient(90deg,#07161cf5,#07161cc2 48%,#07161c47),url(/noord-holland-house.png) 60% center/cover no-repeat;border-color:#ecf1ef29}.goal-feature.house-goal-feature>*{position:relative;z-index:1}.goal-feature.house-goal-feature h2{text-shadow:0 2px 18px rgba(0,0,0,.6)}.goal-feature.house-goal-feature>div:last-child>small{color:#d6dfdd}.goal-feature.house-goal-feature .progress{background:#0410146b}@media(min-width:700px){.goal-list{grid-template-columns:1fr 1fr}.modal-backdrop{place-items:center}.bottom-nav{bottom:16px;border:1px solid var(--line);border-radius:22px;width:min(560px,calc(100% - 32px));box-shadow:var(--shadow)}.bottom-nav button{font-size:11px}}@media(max-width:560px){main{padding-top:14px}.topbar{height:66px}.topbar strong{font-size:14px}.hero{align-items:start}.coast-hero{min-height:220px;margin-left:-3px;margin-right:-3px;padding:22px;background-position:42% 50%}.coast-label{margin-bottom:35px!important}.add-desktop{display:none}.balance-card{padding:21px}.balance-split>span+span{padding-left:13px}.balance-split b{font-size:13px}.goal-feature{grid-template-columns:1fr;text-align:center}.goal-ring{margin:auto}.metric-grid{grid-template-columns:1fr 1fr}.savings-metric{grid-column:1/-1}.metric-card{padding:16px}.metric-card strong{font-size:22px}.savings-account{padding:20px}.savings-entry{gap:8px}.savings-entry .icon-button{width:36px;background:#e9a7a012}.transaction-list article{grid-template-columns:auto minmax(0,1fr) auto auto;gap:9px;padding-left:13px;padding-right:10px}.transaction-list article>b{font-size:12px}.transaction-list .icon-button{width:38px;height:42px;background:#e9a7a014}.fab{position:fixed;z-index:29;display:grid;place-items:center;right:18px;bottom:92px;width:54px;height:54px;border:0;border-radius:18px;background:linear-gradient(135deg,#c1ddd8,#6faab2);color:#10252b;box-shadow:0 12px 32px #316f7b6b}.login-card{padding:27px}.login-card h1{font-size:32px}.form-grid{grid-template-columns:1fr}.inline-form{grid-template-columns:1fr 1fr}.inline-form input{grid-column:1/-1}.modal-backdrop{padding:0}.modal{border-radius:26px 26px 0 0;max-height:92vh;padding:21px}.goal-meta{gap:10px}.goal-meta span{text-align:right}}