:root{--bg:#ECF5F7;--card:#fff;--ink:#102E49;--muted:#6E8496;--line:#D8E4EA;--navy:#083457;--lavender:#078AD5;--lavender-soft:#E4F4F8;--mint:#13A870;--coral:#E84F55;--shadow:0 2px 7px #00224106;--cyan:#13C6D4}
[hidden]{display:none!important}html{background:#002241}body{background:var(--bg);font-size:14px}button,input,select{font-family:inherit}button{touch-action:manipulation}button:focus-visible,a:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.ui-icon{width:22px;height:22px;flex:none;vertical-align:middle}
.app-shell{max-width:480px;padding:0 18px calc(90px + env(safe-area-inset-bottom));background:var(--bg)}.topbar{margin:0 -18px 0;padding:calc(24px + env(safe-area-inset-top)) 22px 24px;background:#002241;color:white;min-height:112px}.topbar h1{font-size:28px;letter-spacing:-.65px;margin-top:5px}.eyebrow{display:flex;align-items:center;gap:9px;color:#adcad8;border:0;background:none;padding:0;font-size:13px;font-weight:500}.icon-button{border-radius:50%;width:35px;height:35px;background:#174460;color:#b6d5e1;box-shadow:none;font-size:27px;font-weight:400}main{padding-top:18px}h2{font-size:17px}h3{font-size:16px}.section-heading{margin-top:22px}.section-heading p{font-size:12px}.text-button{font-size:12px}.summary-card{display:block;padding:20px 18px 16px;border-radius:20px;min-height:0;background:#0c3854;box-shadow:none}.summary-card:after{display:none}.summary-card h2{font-size:17px;font-weight:650;margin-bottom:16px;color:#edf8fd}.forecast-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.forecast-part+.forecast-part{border-left:1px solid #55728566;padding-left:15px}.summary-label{font-size:12px;color:#bbd0da}.summary-value{display:flex;flex-direction:column;align-items:flex-start;margin:5px 0 0;font-size:27px;line-height:1.18;letter-spacing:-.8px;gap:3px}.summary-value span{color:#fff}.summary-value small{font-size:11px;color:#afc5d2;font-weight:500}.forecast-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:15px}.summary-sub{font-size:11px;max-width:175px;line-height:1.7;color:#b9ced9}.summary-sub strong{display:block;font-size:14px;color:#fff!important}.mini-ring{height:70px;width:70px;padding:5px;background:conic-gradient(#13C6D4 var(--ring),#416176 0);border-radius:50%;flex:none}.ring-text{height:60px;width:60px;border-radius:50%;background:#0c3854;display:flex;flex-direction:column;align-items:center;justify-content:center}.ring-text strong{font-size:14px}.ring-text span{font-size:7px;color:#c3dbe5;max-width:40px;text-align:center}.savings-card{display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid var(--line);border-radius:13px;padding:14px;margin:13px 0;gap:12px}.savings-card-label{font-size:13px;font-weight:600;color:var(--ink)}.savings-card small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.savings-card strong{font-size:17px;color:var(--ink);white-space:nowrap}.quick-actions{gap:12px;margin:14px 0}.quick-action{height:46px;border:1px solid #c9e7e0;border-radius:12px;font-size:15px;box-shadow:none}.quick-action span{font-size:21px;width:auto;margin-right:9px;background:transparent}.quick-action.income{background:#dff4ef;color:#108c73}.quick-action.expense{background:#fbe9eb;color:#d1505a;border-color:#f0d3d6}.notice{padding:12px;border-radius:12px;background:#fff5d9;color:#826937;font-size:11px;line-height:1.5;border:1px solid #f1e5bf;margin:14px 0}.notice i{font-size:12px;min-width:18px;width:18px;height:18px;background:#edb948}.overview-grid{gap:12px}.overview-mini{border:1px solid var(--line);border-radius:14px;padding:15px 12px;box-shadow:none;min-height:85px}.overview-mini span{font-size:12px}.overview-mini strong{font-size:21px;margin-top:8px}.home-more{margin-top:14px}.home-more summary{font-size:12px;color:var(--muted);padding:8px 0}.home-more .overview-grid{margin-top:9px}.category-grid{gap:10px}.category-card{border:1px solid var(--line);box-shadow:none;border-radius:15px;padding:13px}.category-card h3{font-size:13px}.category-card .amount{font-size:19px}.category-card .caption{font-size:10px}.category-icon,.item-icon{height:35px;width:35px;border-radius:10px;background:#e8f3f6!important;color:#3a7185!important}.category-percent{font-size:10px}.progress{height:5px;background:#e4eeef}.progress i{background:var(--mint)}
.bottom-nav{display:flex;justify-content:space-around;position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:480px;border:0;border-radius:0;background:#002241;padding:10px 5px calc(12px + env(safe-area-inset-bottom));box-shadow:0 -1px 0 #24485b;gap:0;z-index:30}.nav-button{flex:1;border-radius:0;padding:0;min-height:42px;gap:5px;background:transparent;color:#91aebf;font-size:9px;font-weight:500;display:flex;flex-direction:column;align-items:center;justify-content:center}.nav-icon{width:24px;height:24px;border-radius:0;background:transparent!important;color:inherit!important;box-shadow:none!important}.nav-icon svg{width:23px;height:23px;stroke:currentColor;stroke-width:1.6;fill:none}.nav-button.active{background:transparent;color:#18d3dc}.nav-button.active .nav-icon{background:none;transform:none}.segmented{padding:3px;background:#dfeaf0;border:1px solid #d0dfe6;border-radius:11px;box-shadow:none;margin-bottom:15px;display:flex;gap:2px}.segment{flex:1;min-height:33px;border-radius:8px;padding:7px 5px;font-size:12px;font-weight:600;color:#638193}.segment.active{background:#fff;color:#153b55;box-shadow:0 1px 3px #0022410d}.budget-subnav{display:flex;gap:20px;border-bottom:1px solid var(--line);margin:-5px 0 16px}.budget-subnav button{background:none;border:0;color:var(--muted);font-size:12px;padding:9px 0 10px}.budget-subnav .active{color:#078AD5;border-bottom:2px solid #078AD5;font-weight:650}.budget-categories{display:block;background:white;border:1px solid var(--line);border-radius:15px;overflow:hidden}.budget-row{display:block;width:100%;border:0;border-bottom:1px solid #e0eaee;border-radius:0;padding:13px 14px;box-shadow:none;text-align:left;background:white;position:relative}.budget-row:last-child{border:0}.budget-row-head{margin:0 0 7px;align-items:center}.budget-row-name{font-size:13px;gap:10px}.budget-row-amount{font-size:11px;color:#36816e}.budget-row .progress{margin:0 0 5px 45px}.budget-row-foot{margin-left:45px;display:block}.budget-row-foot small{font-size:10px}.budget-row-foot small+small,.category-open{display:none}.budget-insights{margin-top:20px}.budget-insights summary{font-size:12px;color:var(--muted)}
.account-total{background:#0c3854;border-radius:19px;padding:23px 20px;box-shadow:none;margin:0 0 17px}.account-total>span{color:#bed3dc;font-size:13px}.account-total>strong{font-size:30px;color:white!important;letter-spacing:-.7px;margin:10px 0}.account-total button{background:#24516b;border:1px solid #42677e;border-radius:8px;font-size:11px;padding:7px 10px}.account-list{background:white;border:1px solid var(--line);border-radius:15px;gap:0;overflow:hidden}.account-card{grid-template-columns:38px 1fr auto 12px;align-items:center;padding:18px 13px;border:0;border-bottom:1px solid var(--line);border-radius:0;gap:10px;box-shadow:none}.account-card:last-child{border:0}.account-logo{height:36px;width:36px;font-size:12px;background:#e5f1f6;color:#376079;border-radius:10px}.account-name{font-size:13px}.account-currency{font-size:10px;margin-top:3px}.account-balance{font-size:15px;white-space:nowrap;color:var(--ink)}.account-iban{display:none}.account-view{font-size:0;grid-column:auto;display:block;color:var(--muted)}.account-view:after{content:'›';font-size:23px}.forecast-card strong{font-size:19px}
.transaction-search{display:flex;align-items:center;gap:9px;border:1px solid var(--line);background:#fff;border-radius:12px;padding:9px 10px;margin-bottom:13px}.transaction-search input{background:none;border:0;padding:3px 0;font-size:12px;min-width:0;width:100%;outline:none}.transaction-search>span{color:#8aa1af}.transaction-search button{background:none;border:0;padding:0;color:#4b7188}.history-day{font-size:12px;color:var(--muted);font-weight:600;margin:19px 3px 8px}.list-card{border:1px solid var(--line);border-radius:14px;box-shadow:none}.item-row{padding:14px 12px;gap:10px;min-height:67px}.item-name{font-size:13px}.item-sub{font-size:10px;margin-top:4px}.item-amount{font-size:13px;white-space:nowrap}.history-controls{gap:0}.history-edit{border:0;background:transparent;padding:0;color:inherit;font-size:13px;font-weight:650}.floating-add{position:fixed;right:max(23px,calc((100vw - 440px)/2));bottom:calc(89px + env(safe-area-inset-bottom));width:49px;height:49px;display:grid;place-items:center;background:#078AD5;color:white;border:0;border-radius:50%;box-shadow:0 4px 9px #08345722;z-index:20}#screen-transactions>.wide-button{font-size:12px;margin-top:12px;min-height:38px;padding:9px}#transactionTabs .segment{font-size:11px}.history-extra{margin-top:20px}.history-extra summary{font-size:12px;color:var(--muted)}
.calendar-card{padding:0;border:0;border-radius:0;background:none;box-shadow:none}.calendar-head{padding:0 2px 14px}.calendar-head strong{font-size:14px}.month-button{height:28px;width:28px;border-radius:8px;background:#ddeaf0;color:#315871}.agenda-day{margin-bottom:20px}.agenda-day h3{font-size:12px;color:var(--muted);font-weight:600;margin:0 2px 8px}.agenda-entry{display:flex;align-items:center;gap:11px;background:white;border:1px solid var(--line);border-bottom:0;padding:16px 12px;min-height:66px}.agenda-entry:nth-child(2){border-radius:13px 13px 0 0}.agenda-entry:last-child{border-bottom:1px solid var(--line);border-radius:0 0 13px 13px}.agenda-entry:nth-child(2):last-child{border-radius:13px}.agenda-icon{width:33px;height:33px;background:#e7f4f1;color:var(--mint);border-radius:9px;display:grid;place-items:center}.agenda-icon.expense{background:#fcebed;color:var(--coral)}.agenda-label{flex:1;font-size:13px;font-weight:550}.agenda-label small{display:block;font-weight:400;font-size:10px;color:var(--muted);margin-top:3px}.agenda-entry strong{font-size:13px}.calendar-grid-details{margin:20px 0;font-size:12px;color:var(--muted)}.selected-day{margin-top:15px}
.report-month-control{display:flex;align-items:center;justify-content:space-between;margin:17px 2px;font-size:15px}.report-month-control button{border:0;background:#dfeaf0;color:#486d83;border-radius:7px;width:27px;height:27px;font-size:21px}.report-month-control button:disabled{opacity:.3}.report-card{background:white;border:1px solid var(--line);border-radius:16px;padding:17px;margin-bottom:15px}.report-card h3{font-size:14px;margin-bottom:13px}.report-metrics{display:grid;grid-template-columns:1fr 1fr;gap:0}.report-metric{padding:15px 13px;border-bottom:1px solid var(--line)}.report-metric:nth-child(odd){border-right:1px solid var(--line)}.report-metric:nth-last-child(-n+2){border-bottom:0}.report-metric>span{font-size:11px;color:var(--muted)}.report-metric strong{display:block;font-size:20px;margin-top:7px;letter-spacing:-.4px}.report-metric strong small{font-size:11px;font-weight:500;letter-spacing:0}.report-note{font-size:10px;color:var(--muted);line-height:1.6;margin:12px 2px}.report-chart{display:flex;align-items:flex-end;justify-content:space-around;height:145px;gap:14px;border-bottom:1px solid var(--line);margin-top:15px;padding:0 10px}.report-column{flex:1;display:flex;align-items:flex-end;justify-content:center;gap:7px;height:100%;position:relative}.report-bar{width:20px;max-width:28px;border-radius:4px 4px 0 0;min-height:1px}.report-column small{position:absolute;bottom:-23px;font-size:10px;color:var(--muted);white-space:nowrap}.report-legend{display:flex;justify-content:center;gap:15px;font-size:10px;color:var(--muted);margin-top:35px}.report-legend i{display:inline-block;width:7px;height:7px;border-radius:2px;margin-right:5px}.report-category{margin:14px 0}.report-category>div{display:flex;justify-content:space-between;font-size:12px;margin-bottom:7px}.review-hero{background:#dff4eb;border:1px solid #c8e8d9;padding:20px 17px;border-radius:16px;color:#14845e;margin-bottom:17px;display:flex;gap:12px;align-items:flex-start}.review-hero h3{font-size:18px;margin-bottom:7px}.review-hero p{margin:0;font-size:12px;line-height:1.6}.review-hero.warning{background:#fff4d8;border-color:#f1e2b8;color:#8b682e}.review-list{padding:0;margin:0;list-style:none}.review-list li{display:flex;gap:10px;font-size:12px;line-height:1.6;margin:12px 0}.review-list .ui-icon{width:16px;height:16px;margin-top:2px;color:var(--mint)}.review-list.attention .ui-icon{color:#d9a12b}.review-advice{background:#fff4d8;border-color:#f1e2b8}.review-advice p{font-size:12px;line-height:1.7;margin:0}.empty-state{font-size:13px;padding:27px 15px}.rollover-row{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}.rollover-row input{width:20px;height:20px;accent-color:#078AD5}.rollover-row span{flex:1}.rollover-row small{display:block;font-size:11px;color:var(--muted)}.month-control select{width:100%;padding:12px;margin:12px 0;border:1px solid var(--line);border-radius:10px}.month-actions button{display:block;width:100%;background:#e8f4f7;border:1px solid var(--line);border-radius:10px;padding:12px;margin:8px 0;color:var(--ink)}
body[data-cloud-blocked="true"]{background:#002241}body[data-cloud-blocked="true"] .app-shell,body[data-cloud-blocked="true"] .bottom-nav{display:none!important}.cloud-panel{position:relative;isolation:isolate;width:min(100%,480px);min-height:100svh;margin:0 auto;padding:calc(118px + env(safe-area-inset-top)) 37px 100px;background:#002241;color:#fff;display:flex;align-items:center;flex-direction:column;overflow:hidden;border:0;border-radius:0;box-shadow:none}.cloud-panel:after{content:'';position:absolute;z-index:-1;bottom:-160px;left:-100px;width:740px;height:310px;border-radius:50%;background:#06345a;transform:rotate(-14deg);box-shadow:0 -22px 0 #032b4c}.brand-mark{width:89px;height:89px;display:grid;place-items:center;background:linear-gradient(145deg,#087bb0,#07578e);border-radius:23px;margin-bottom:24px;box-shadow:0 5px 16px #00152f44}.brand-mark svg{width:64px;height:64px;stroke:#16d0e0;fill:#16d0e0;stroke-width:2}.brand-name{font-size:36px;letter-spacing:-1px;font-weight:750}.brand-tagline{font-size:14px;color:#9bb9ca;margin-top:12px}.cloud-actions{width:100%;display:flex;flex-direction:column;gap:22px;margin-top:55px}.cloud-actions>label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.password-field{display:flex;align-items:center;gap:12px;width:100%;height:52px;padding:0 14px;background:#103956;border:1px solid #3f6279;border-radius:12px}.password-field svg{width:20px;height:20px;stroke:#86a9be;stroke-width:1.6;fill:none}.password-field .lock-symbol{display:flex}.cloud-actions .password-field input{width:100%;min-width:0;border:0;background:transparent;color:#fff;padding:0;outline:none;font-size:14px;box-shadow:none}.password-field input::placeholder{color:#9db8c9}.password-field button{display:flex;align-items:center;justify-content:center;flex:none;padding:0;background:none;border:0;width:24px;height:34px}.cloud-actions>button[type=submit]{height:51px;width:100%;border:1px solid #1aa7d3;border-radius:12px;color:#fff;font-size:15px;font-weight:650;background:linear-gradient(110deg,#10b5cb,#078bd2);box-shadow:0 3px 8px #00142c22}.cloud-panel #cloudStatus{font-size:12px;color:#c5e1ec;max-width:100%;text-align:center;line-height:1.5;margin:20px 0 -25px}#cloudConflict{font-size:13px;width:100%;margin-top:35px}#cloudConflict button{background:#0a789c;color:white;border:0;border-radius:9px;padding:12px;width:100%}dialog{max-width:480px}dialog::backdrop{background:#001a30a0}.sheet{background:var(--bg)}.confirm,.wide-button{background:#078AD5}.positive{color:var(--mint)}.negative{color:var(--coral)}
@media(min-width:600px){body{background:#dce8ed}.app-shell{box-shadow:0 0 40px #00224112}.cloud-panel{min-height:100vh}.topbar{padding-top:30px}}@media(max-height:720px){.cloud-panel{padding-top:65px}.cloud-actions{margin-top:38px}.brand-mark{width:76px;height:76px}.brand-name{font-size:32px}}
/* Finishing adjustments: retain the established layout and palette. */
.mini-ring{background:conic-gradient(#25e5ed var(--ring),#597c91 0);box-shadow:0 0 0 1px #58c8d544,0 0 12px #13c6d420}
.ring-text strong{font-size:16px;color:#fff}.ring-text span{font-size:8px;color:#e1f5fc;max-width:46px}
.account-card{min-height:77px;padding-top:18px;padding-bottom:18px}.account-balance{text-align:right;font-variant-numeric:tabular-nums;justify-self:end}
.budget-row .progress i{background:var(--accent,var(--mint))}#budgetManageCategories{display:block;margin:12px 0 0 auto}
.delete-confirm:disabled{opacity:.45;cursor:default}