*{box-sizing:border-box} :root{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#153451;background:#e7f2ff;font-synthesis:none;--ink:#123556;--muted:#6484a8;--blue:#087bff;--deep:#064daf;--line:rgba(80,145,205,.14);--glass-shadow:0 10px 32px rgba(49,116,188,.075),0 1px 1px rgba(255,255,255,.9) inset,0 -1px 0 rgba(121,179,235,.15) inset}body{margin:0;line-height:1.5;font-size:13px;background:radial-gradient(ellipse at 80% 0%,#f8fcff 0,transparent 43%),radial-gradient(ellipse at 65% 65%,#9cd7ff6b 0,transparent 45%),linear-gradient(145deg,#edf7ff 0%,#deefff 40%,#c4e5ff 75%,#e7f5ff 100%);background-attachment:fixed;min-height:100vh}button,input,select,textarea{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:not-allowed;opacity:.4}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #228cff;outline-offset:3px}a{text-decoration:none;color:inherit}h1,h2,h3,p{margin:0}h2{font-size:18px;font-weight:650;letter-spacing:-.45px;color:#173d68}h3{font-size:17px;font-weight:600}strong,b{font-weight:600}.app-shell{min-height:100vh;isolation:isolate}.glass{background:linear-gradient(125deg,rgba(255,255,255,.65),rgba(247,252,255,.3) 48%,rgba(207,233,255,.32));border:1.5px solid rgba(255,255,255,.95);box-shadow:var(--glass-shadow);backdrop-filter:blur(28px) saturate(155%);-webkit-backdrop-filter:blur(28px) saturate(155%);background-clip:padding-box}.ambient{position:fixed;pointer-events:none;z-index:-1;border-radius:50%;opacity:.75}.ambient.one{width:820px;height:820px;right:-280px;top:-360px;border:1px solid #fff9;box-shadow:0 0 100px 45px #ffffff63,inset 0 0 80px #8cd2ff24;transform:rotate(-25deg) scaleY(.7)}.ambient.two{width:760px;height:760px;left:5%;top:35%;background:radial-gradient(ellipse,#b3e3ff 0,#b3e3ff00 66%);filter:blur(50px)}.ambient.three{width:1000px;height:560px;left:20%;bottom:-260px;border:1px solid #fffd;box-shadow:0 -15px 80px #fff5,inset 0 35px 90px #8ccaff33;transform:rotate(-20deg)}.sidebar{position:fixed;inset:18px auto 18px 18px;width:236px;border-radius:29px;padding:29px 17px 19px;display:flex;flex-direction:column;z-index:30;background:linear-gradient(155deg,#ffffff9e,#edf7ff62 50%,#e0f1ff4d)}.brand{display:flex;gap:11px;align-items:center;padding:0 8px 26px}.brand-mark{width:42px;height:44px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,#138bff,#0671f7);color:white;box-shadow:0 5px 16px #137eff2b,inset 0 1px 1px #ffffff70;flex-shrink:0}.brand>div{font-size:28px;font-weight:650;letter-spacing:-1.1px;line-height:1}.brand>div>span{display:block;margin-top:9px;font-size:6.8px;font-weight:500;letter-spacing:.65px;color:#7193bd}.workspace-tag{display:flex;align-items:center;gap:7px;font-size:10px;color:#7b9dc2;padding:10px 9px 24px}.status-dot{display:inline-block;width:6px;height:6px;min-width:6px;background:#399bff;border-radius:50%;box-shadow:0 0 4px #389cff25}.sidebar nav{display:flex;flex-direction:column;gap:8px}.sidebar nav button{display:flex;align-items:center;gap:11px;background:transparent;border:1px solid transparent;border-radius:14px;padding:13px;text-align:left;font-size:12px;color:#6585ac;transition:.2s}.sidebar nav button:hover{background:#ffffff65}.sidebar nav button.active{background:linear-gradient(120deg,#eef8ffcd,#afd9ff45);border-color:#fff;box-shadow:0 3px 12px #5996c910,inset 0 1px 0 #fff;color:#0570ef;font-weight:600}.nav-dot{width:5px;height:5px;background:#198eff;border-radius:50%;margin-left:auto}.sidebar-bottom{margin-top:auto;padding-top:30px}.local-card{border:1px solid #fff;background:#eff9ff70;border-radius:18px;padding:17px 13px}.local-card>svg{color:#3396f5;display:block;margin-bottom:10px}.local-card strong{display:block;font-size:11px;color:#5177a4}.local-card p{font-size:10px;color:#80a0bf;line-height:1.8;margin:7px 0 12px}.local-card button{display:flex;gap:6px;align-items:center;padding:0;border:0;background:none;font-size:10px;color:#2785de}.profile{display:flex;gap:9px;align-items:center;margin:21px 6px 0}.avatar{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;border:1.5px solid #fff;background:linear-gradient(130deg,#ffffff70,#b7dbff70);box-shadow:inset 0 2px 4px #fff8,0 3px 9px #176cba0b;font-size:14px;font-weight:600;color:#587ba9}.avatar.small{width:33px;height:33px}.profile strong{display:block;font-size:11px;color:#47678e}.profile small{display:block;font-size:9px;color:#88a6c3}.profile>.icon-button{margin-left:auto}main{margin-left:272px}.topbar{height:83px;padding:0 40px 0 29px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff75}.breadcrumb{display:flex;align-items:center;gap:8px;color:#81a0c1;font-size:11px}.breadcrumb strong{color:#507398;font-weight:500}.breadcrumb>svg{color:#9ab7d4}.topbar-right{display:flex;align-items:center;gap:18px}.save-state{display:flex;align-items:center;gap:7px;font-size:10px;color:#749bc0}.content{max-width:1530px;margin:auto;padding:30px 35px 25px 29px}.eyebrow{display:block;font-size:9px;font-weight:550;letter-spacing:.9px;color:#618bb9;margin-bottom:8px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:23px}h1{font-size:32px;line-height:1.2;letter-spacing:-1.25px;font-weight:650;color:#142f56}.page-heading p{font-size:11px;color:#7395b9;margin-top:8px}.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:14px;border:1px solid transparent;padding:11px 15px;font-size:11px;font-weight:550;white-space:nowrap;min-height:42px;transition:.2s}.button:hover{transform:translateY(-1px)}.button.primary{background:linear-gradient(135deg,#138fff,#0470f6);color:#fff;border-color:#8fceff59;box-shadow:inset 0 1px 0 #ffffff65,0 6px 17px #007aff22}.button.primary:hover{background:linear-gradient(135deg,#0879f5,#005dd9)}.button.secondary{background:linear-gradient(130deg,#ffffffa8,#edf8ff45);border-color:#fff;box-shadow:inset 0 1px 0 #fff,0 3px 14px #2273c80a;color:#467ba9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.button.secondary:hover{background:#fff9}.button.full{width:100%}.button-row{display:flex;gap:9px;flex-wrap:wrap}.icon-button{display:inline-flex;justify-content:center;align-items:center;border:0;background:none;padding:5px;border-radius:10px;min-width:29px;min-height:29px;color:#6f98c0}.icon-button:hover{background:#ffffff75;color:#117af2}.text-button{display:inline-flex;align-items:center;gap:5px;border:0;background:none;padding:3px 0;font-size:10px;color:#2986df;white-space:nowrap}.text-button:hover{color:#076bdd}.demo-banner{display:flex;align-items:center;gap:9px;padding:10px 13px;border-radius:13px;background:#f5fbff75;border:1px solid #fff;color:#7b9dc0;font-size:10px;margin-bottom:20px}.demo-banner strong{color:#547daa}.demo-banner>button{display:flex;align-items:center;gap:5px;margin-left:auto;border:0;background:none;font-size:10px;color:#2388ed;white-space:nowrap}.error-banner{padding:12px;border:1px solid #dc968b;background:#fae7e0;color:#945c51;border-radius:13px;margin-bottom:18px}.view-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 23px}.segmented{display:flex;gap:3px;padding:4px;border:1px solid #fff;border-radius:17px;background:#edf8ff50;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:inset 0 1px 2px #fff,0 4px 15px #367cd30b}.segmented button{display:flex;align-items:center;justify-content:center;gap:6px;border:0;border-radius:13px;background:none;color:#5c84b1;padding:9px 20px;font-size:11px;transition:.2s}.segmented button.selected{background:linear-gradient(120deg,#259aff,#0676ff);box-shadow:inset 0 1px 2px #ffffff70,0 3px 10px #0578ff2b;color:white;font-weight:600}.month-picker{display:flex;align-items:center;gap:7px;padding:4px 6px;border:1.5px solid #fff;border-radius:17px;background:linear-gradient(130deg,#ffffff80,#d9edff50);box-shadow:var(--glass-shadow)}.month-picker label{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;padding:5px 10px;min-width:158px;color:#335c89;font-size:11px;font-weight:550}.month-picker span{text-transform:capitalize}.month-picker input{position:absolute;inset:0;opacity:0;width:100%;height:100%;min-width:0;cursor:pointer}.month-picker input::-webkit-calendar-picker-indicator{position:absolute;inset:0;width:100%;height:100%;cursor:pointer}.stats-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:16px;margin-bottom:22px}.stat{border-radius:22px;padding:20px;min-height:176px;overflow:hidden}.stat-top{display:flex;align-items:center;justify-content:space-between;gap:7px;margin-bottom:18px;color:#4a759f;font-size:11px}.stat-top>span{display:flex;align-items:center;gap:7px}.stat-top svg{color:#2c93f8;flex-shrink:0}.stat>strong{display:block;white-space:nowrap;font-size:28px;line-height:1.1;font-weight:650;letter-spacing:-.85px;color:#1c426e}.stat-foot{font-size:9px;color:#7399ba;margin-top:14px;display:flex;align-items:center;gap:6px}.stat-detail{font-size:9px;color:#83a0bd;margin-top:5px}.hero-card{position:relative;background:radial-gradient(ellipse at 92% 38%,#69b8ff5e 0,transparent 60%),linear-gradient(125deg,#f8fdffc9,#c6e7ff65 50%,#c2e2ff83);border-width:1.5px}.hero-card::after{content:'';pointer-events:none;position:absolute;right:-20%;top:14%;width:90%;height:110%;border-radius:50%;border-top:1.5px solid #ffffffad;transform:rotate(-30deg);box-shadow:0 -6px 30px #ffffff45}.hero-card .stat-top{margin-bottom:13px}.hero-card>strong{font-size:34px;font-weight:650;letter-spacing:-1.3px;color:#102c53;position:relative;z-index:1}.hero-meta{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:17px;padding-top:12px;border-top:1px solid #fff9;position:relative;z-index:1}.hero-meta>div+div{border-left:1px solid #fff9;padding-left:14px}.hero-meta span{display:block;font-size:9px;color:#658db5}.hero-meta b{display:block;font-size:13px;color:#355c88;margin-top:2px}.hero-fine{font-size:8px;color:#7097bb;margin-top:9px;position:relative;z-index:1}.expected-stat,.forecast-stat{background:linear-gradient(135deg,#ffffffa3,#c9e8ff73)}.overview-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:22px}.panel{border-radius:24px;padding:23px;min-width:0;margin-bottom:21px}.overview-grid>.panel{margin-bottom:0}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:23px}.panel-heading p{font-size:10px;color:#799abd;margin-top:6px;line-height:1.7}.panel-heading>svg{color:#5a98d8}.panel-heading h2{display:flex;align-items:center;gap:9px}.title-icon{width:29px;height:29px;border-radius:50%;background:#c2e5ff78;display:inline-flex;align-items:center;justify-content:center;box-shadow:inset 0 1px 2px #fff9;color:#0985fc;flex-shrink:0}.budget-big{display:flex;align-items:center;gap:35px;margin-bottom:24px;padding-bottom:19px;border-bottom:1px solid #fff8}.budget-big>div>span{display:block;font-size:10px;color:#80a0c2;margin-bottom:5px}.budget-big>div>strong{font-size:22px;color:#2a5886;letter-spacing:-.6px;font-weight:600}.chart-legend{display:flex;align-items:center;justify-content:flex-end;gap:5px;flex-wrap:wrap;max-width:145px;margin-left:auto;font-size:8px;color:#82a2c0}.chart-legend i{width:6px;height:6px;border-radius:2px;background:#2295ff}.chart-legend .planned-dot{opacity:.35;margin-left:5px}.category-bars{display:flex;flex-direction:column;gap:19px;min-height:225px}.category-title{display:flex;align-items:center;gap:7px;margin-bottom:8px;font-size:11px;color:#507da8}.category-title>span{width:6px;height:6px;border-radius:50%;display:block}.category-title small{font-size:10px;margin-left:auto;color:#305c8d;white-space:nowrap}.category-title em{font-style:normal;color:#85a6c7;margin-left:3px}.bar-track{height:6px;border-radius:6px;background:#c5ddf185;display:flex;overflow:hidden;box-shadow:inset 0 1px 2px #649bd11a}.bar-actual,.bar-planned{height:100%;min-width:0}.bar-actual{border-radius:6px}.bar-planned{opacity:.4}.over-budget{display:block;font-size:9px;color:#b18372;margin-top:5px}.panel-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-top:22px;padding-top:16px;border-top:1px solid #fff7;font-size:9px;color:#7699bc}.panel-footer>span:first-child{display:flex;align-items:center;gap:6px}.cards-panel{background:radial-gradient(ellipse at 100% 90%,#65b8ff3d,transparent 60%),linear-gradient(135deg,#ffffff91,#d2edff67)}.debit-total{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#e8f6ff55;border:1px solid #fff;border-radius:16px;margin-bottom:22px;box-shadow:inset 0 1px 1px #fff9}.debit-total span{font-size:10px;color:#6a95bb}.debit-total strong{font-size:25px;letter-spacing:-.6px;font-weight:600;color:#204f85}.debit-list{display:flex;flex-direction:column;gap:18px;margin-bottom:18px}.debit-item{display:flex;gap:13px;border-bottom:1px solid #fff8;padding-bottom:17px}.debit-item:last-child{border-bottom:0;padding-bottom:0}.debit-date{flex:0 0 41px;height:49px;border:1px solid #fff;border-radius:13px;background:#cdeaff68;color:#3883c4;display:flex;align-items:center;justify-content:center;flex-direction:column;box-shadow:inset 0 1px 2px #fff9}.debit-date b{font-size:19px;line-height:1.2;font-weight:500}.debit-date span{font-size:8px;letter-spacing:.7px;text-transform:uppercase}.debit-body{flex:1;min-width:0}.debit-body strong{font-size:12px;color:#315e8a}.split{display:flex;align-items:center;justify-content:space-between;gap:12px}.split>b{font-size:12px;white-space:nowrap;color:#215486}.debit-body>small{display:block;font-size:9px;color:#779ec0;margin-top:5px}.category-chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}.category-chips>span{display:flex;align-items:center;gap:5px;font-size:8.5px;padding:4px 7px;border:1px solid #fff;border-radius:10px;background:#eaf6ff73;color:#527ea7;box-shadow:inset 0 1px 1px #fff8}.category-chips b{color:#40749f;font-weight:550}.amber-text{color:#a58b62!important}.cards-panel>.button.full{margin-top:6px}.overview-lower{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:22px;margin-top:22px}.overview-lower>.panel{margin-bottom:0}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}table{width:100%;border-collapse:collapse;text-align:left}th{padding:0 10px 13px;border-bottom:1px solid #beddf255;color:#84a4c0;font-size:9px;font-weight:500;white-space:nowrap}td{padding:14px 10px;border-bottom:1px solid #b1d4ed2e;color:#658ab0;font-size:10px;white-space:nowrap}th:first-child,td:first-child{padding-left:0}th:last-child,td:last-child{padding-right:0}tbody tr:last-child td{border-bottom:0}.tx-name{display:flex;align-items:center;gap:10px;min-width:160px}.tx-name strong{display:block;font-size:11px;font-weight:550;color:#365f88}.tx-name small{display:block;color:#8aa7c4;font-size:8px;line-height:1.6;margin-top:3px;white-space:normal;max-width:285px}.icon-badge{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;flex:0 0 34px;border-radius:11px;background:#d3eafe70;background:color-mix(in srgb,var(--category) 12%,transparent);color:var(--category);border:1px solid #ffffffb0}.right{text-align:right}.amount{font-variant-numeric:tabular-nums;white-space:nowrap;color:#2c5883;font-weight:600}.positive{color:#21829c!important}.negative{color:#b57d75!important}.account-inline{display:inline-flex;gap:5px;align-items:center;font-size:9px;color:#6e93b7}.subtext{font-size:8px;display:block;color:#83a1c3;margin-top:4px}.pill{display:inline-flex;align-items:center;font-size:8px;font-weight:500;border-radius:8px;padding:3px 7px;background:#e0effb;color:#6a94ba;white-space:nowrap}.pill.green{background:#d7edf6;color:#4b859d}.pill.amber{background:#e2effc;color:#5d89b7}.row-actions{display:flex;justify-content:flex-end;gap:1px}.row-actions .icon-button{min-width:25px;min-height:27px;padding:4px;opacity:.6}.transactions-table tr:hover .row-actions .icon-button{opacity:1}.row-actions .subtle{opacity:.35}.latest-panel .transactions-table td:nth-child(3),.latest-panel .transactions-table th:nth-child(3){display:none}.latest-panel .transactions-table td{padding-top:11px;padding-bottom:11px}.latest-panel .row-actions .subtle{display:none}.contribution{background:radial-gradient(ellipse at 90% 100%,#97cdff38,transparent 70%),linear-gradient(135deg,#f5fbff8a,#d5eaff7a);display:flex;flex-direction:column}.round-icon{display:grid;place-items:center;width:36px;height:36px;flex-shrink:0;border:1px solid #fff;background:#d8efff7a;border-radius:50%;color:#408deb;box-shadow:inset 0 1px 2px #fff}.contribution .eyebrow{font-size:7.5px;letter-spacing:.9px;color:#78a0c9}.contribution-values{display:flex;flex-direction:column;gap:20px}.contribution-values>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.contribution-values span{font-size:10px;color:#759abc}.contribution-values strong{font-size:16px;font-weight:600;color:#366491}.fine{font-size:10px!important;line-height:1.8;color:#809dbb!important}.contribution>p{margin:19px 0}.contribution .button-row{margin-top:auto}.contribution .button{font-size:9px;min-height:35px;padding:8px 10px}.contribution .button svg{width:14px}.view-note{display:flex;align-items:center;justify-content:center;gap:7px;color:#84a3c2;font-size:9px;margin:21px 0 8px}.view-note svg{flex-shrink:0}footer{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:30px;border-top:1px solid #d1e6f97a;padding-top:19px;font-size:9px;color:#8dadcc}footer>span:first-child{display:flex;align-items:center;gap:7px}footer i{width:1px;height:9px;background:#bbd9f1}.footer-dot{margin:0 7px}.three-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-bottom:22px}.mini-stat{padding:22px;border-radius:21px}.mini-stat span{display:block;color:#7497bd;font-size:11px;margin-bottom:10px}.mini-stat strong{font-size:26px;font-weight:600;letter-spacing:-.8px;color:#2a588b}.budget-input{width:108px;text-align:right;background:#ffffff78!important;border:1px solid #fff!important;color:#386898;font-size:12px!important;padding:9px!important}.budget-table td{padding-top:15px;padding-bottom:15px}.note{display:flex;align-items:flex-start;gap:8px;padding:13px;border-radius:13px;border:1px solid #ffffffa6;background:#e8f5ff72;color:#729ac0;font-size:10px;line-height:1.8;margin-top:18px}.note svg{flex-shrink:0;margin-top:2px;color:#3890e7}.list-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:26px}.search{flex:1;min-width:180px;border:1px solid #fff;border-radius:13px;background:#ffffff68;display:flex;align-items:center;gap:8px;padding:0 12px;color:#88acd0}.search input{width:100%;background:none!important;border:0!important;border-radius:0;padding:11px 0!important;font-size:11px;color:#4b7aa6;outline:none}.search input::placeholder{color:#91b0cc}.list-toolbar select{min-width:125px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:19px}.accounts-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px;margin-bottom:24px}.account-card{border-radius:24px;padding:23px;display:flex;flex-direction:column}.stat-icon{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;color:#318ff0;background:#c9e7ff72;border:1px solid #ffffffb8;flex-shrink:0}.account-card .eyebrow{margin:20px 0 6px;font-size:8px;letter-spacing:.65px}.account-card h3{margin-bottom:16px;white-space:normal;font-size:17px;color:#295789}.account-balance{font-size:31px;font-weight:600;color:#254e85;letter-spacing:-1px}.account-card>small{font-size:9px;color:#85a5c7;margin-top:3px}.account-details{display:flex;flex-direction:column;gap:10px;margin:20px 0 13px;padding-top:15px;border-top:1px solid #fff9}.account-details>div{display:flex;justify-content:space-between;gap:10px;font-size:10px;color:#7399bc}.account-details b{font-weight:550;font-size:10px;text-align:right;color:#44739e}.credit-account{background:linear-gradient(145deg,#eaf7ff9c,#baddff7a)}.recurring-item{display:flex;align-items:center;gap:13px;padding:20px 0;border-top:1px solid #bddcf543}.recurring-main{flex:1}.recurring-main>strong{display:block;font-size:12px;color:#375f8b}.recurring-main>small{display:block;color:#85a6c7;font-size:10px;margin-top:4px}.switch{width:35px;height:21px;flex-shrink:0;border:0;border-radius:15px;padding:3px;background:#bdd8f1;display:flex;align-items:center;transition:.2s}.switch>span{width:15px;height:15px;background:#fff;border-radius:50%;box-shadow:0 1px 4px #25639c2b;transition:.2s}.switch.on{background:#198aff}.switch.on>span{transform:translateX(14px)}.muted-panel{background:#ecf7ff7a}.muted-panel p{margin-top:10px;font-size:12px;line-height:1.9;color:#769ac2;max-width:750px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.settings-grid>.panel{margin:0}.settings-grid h2{margin-bottom:20px}.settings-grid p{font-size:12px;color:#7094bb;line-height:1.9;margin-bottom:18px}.settings-grid .field{margin:20px 0 24px}.settings-row{display:flex;align-items:flex-start;gap:13px;margin-top:18px;color:#3287da}.settings-row svg{flex-shrink:0;margin-top:3px}.settings-row strong{font-size:12px;color:#45729d}.settings-row p{font-size:11px;margin:5px 0 0}.coming{display:flex;align-items:center;justify-content:space-between;color:#4896e0;margin-bottom:18px}.empty{min-height:170px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px;padding:35px 17px;color:#85afd8}.empty strong{color:#6b9bc8;font-size:14px;font-weight:500}.empty p{max-width:300px;font-size:11px;line-height:1.9;color:#8aacca}.modal-shade{position:fixed;inset:0;background:#1b52834d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:100;display:flex;align-items:center;justify-content:center;padding:24px}.modal{max-width:100%;width:575px;max-height:92vh;overflow:auto;border-radius:29px;padding:29px;background:linear-gradient(140deg,#f7fcffef,#e5f3ffed);box-shadow:0 25px 80px #1247752e,inset 0 1px 1px #fff;border-width:1.5px}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:27px}.modal-head h2{font-size:22px;color:#204f80}.modal-head p{font-size:11px;line-height:1.7;color:#82a1c3;margin-top:6px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:flex;flex-direction:column;gap:7px;min-width:0}.field>span{font-size:11px;font-weight:500;color:#5e88b3}.field>small{font-size:10px;color:#85a5c9;line-height:1.8}.wide{grid-column:1/-1}input:not([type=file]),select,textarea{max-width:100%;min-width:0;padding:11px 12px;background:#ffffffba;border:1px solid #fff;border-radius:12px;font-size:12px;color:#3e6e9b;box-shadow:inset 0 1px 3px #72afe11a}input::placeholder{color:#9bb5ce}select{cursor:pointer}.modal-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:25px;border-top:1px solid #b4d9f55c;padding-top:21px}.form-error{background:#f7e6df;border-radius:11px;padding:10px 13px;margin-top:18px;color:#b37966;font-size:12px}.help-list{display:flex;flex-direction:column;gap:19px}.help-list b{font-size:13px;color:#5681af}.help-list p{font-size:12px;line-height:1.9;color:#7c9ec2;margin-top:5px}.toast{position:fixed;bottom:27px;left:50%;transform:translateX(-50%);z-index:200;max-width:90vw;display:flex;align-items:center;gap:9px;border-radius:16px;padding:13px 19px;background:#f2faffee;color:#427cad;box-shadow:0 8px 32px #2766a322;font-size:12px;animation:toast-in .2s ease-out}@keyframes toast-in{from{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%,0)}}.invoice-net{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #fff;border-radius:15px;background:linear-gradient(130deg,#e2f4ffb5,#d9edff83);padding:18px;color:#437baf}.invoice-net span{font-size:12px}.invoice-net strong{font-size:26px;letter-spacing:-.7px;color:#174c81}.checkbox-field{display:flex;align-items:center;gap:7px;font-size:11px;color:#6f94ba}.checkbox-field input{width:15px;height:15px;flex-shrink:0;accent-color:#087bff}.vat-summary{display:flex;flex-direction:column;gap:12px;padding:17px;margin-bottom:22px;background:#e1f1ff85;border:1px solid #fff;border-radius:14px}.vat-summary>div{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;color:#6e95bd}.account-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:17px;padding-top:13px;border-top:1px solid #b7d6f055}.danger{color:#b27f76!important}.archived-account{opacity:.65}.account-card h3 .pill{margin-left:7px;vertical-align:middle}.monthly-card-budget,.vat-budget-panel{padding:20px;margin:22px 0 5px;background:linear-gradient(120deg,#ffffff6b,#cce8ff44);border:1px solid #fff;border-radius:19px}.vat-budget-panel{background:linear-gradient(120deg,#e7f4ffb0,#d5ebff50)}.overview-grid+.vat-budget-panel{margin-top:22px}.monthly-card-budget .panel-heading,.vat-budget-panel .panel-heading{margin-bottom:13px}.monthly-card-budget h2,.vat-budget-panel h2{font-size:16px}.cash-budget-item{display:flex;align-items:flex-start;gap:13px;padding:16px 0;border-top:1px solid #fff8}.cash-budget-item>svg{flex-shrink:0;color:#388dda;margin-top:3px}.cash-budget-item>div:nth-child(2){flex:1;min-width:0}.cash-budget-item strong{display:block;font-size:12px;color:#426e9c}.cash-budget-item small{display:block;font-size:10px;line-height:1.7;color:#81a0c1;margin-top:5px}.cash-budget-item .pill{margin-top:6px}.cash-budget-amount{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.cash-budget-amount>b{font-size:17px;white-space:nowrap;color:#346494}.cash-budget-amount .text-button{font-size:10px}.mobile-brand,.mobile-bottom-nav,.mobile-add,.mobile-menu{display:none}.action-menu{display:flex;flex-direction:column;gap:9px}.action-menu button{width:100%;display:flex;align-items:center;gap:14px;text-align:left;border:1px solid #fff;background:#f2f9ff8a;border-radius:17px;padding:16px;color:#3387d8}.action-menu button>div{flex:1}.action-menu strong{display:block;font-size:14px;color:#426d9b}.action-menu small{display:block;font-size:11px;color:#8babc9;margin-top:4px}.action-menu button:hover{background:#fff9}
@media(min-width:1550px){.content{padding-left:43px;padding-right:43px}.stat>strong{font-size:32px}.hero-card>strong{font-size:38px}.stat-top{font-size:12px}.stat-foot,.stat-detail{font-size:10px}.tx-name strong{font-size:12px}.tx-name small{font-size:9px}td{font-size:11px}.panel-heading p{font-size:11px}.category-title{font-size:12px}}
@media(max-width:1250px){.sidebar{width:210px;padding-left:13px;padding-right:13px}main{margin-left:242px}.content{padding:26px 25px 22px 20px}.topbar{padding-left:20px;padding-right:25px}.stats-grid{gap:11px;grid-template-columns:1.25fr 1fr 1fr 1fr}.stat{padding:17px 14px}.stat>strong{font-size:23px}.hero-card>strong{font-size:28px}.stat-top{font-size:9.5px;gap:5px}.stat-foot,.stat-detail{font-size:8.5px}.hero-meta{gap:10px}.hero-meta b{font-size:11px}.hero-meta span{font-size:8px}.overview-grid,.overview-lower{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:17px}.panel{padding:20px}.budget-big{gap:18px}.budget-big>div>strong{font-size:20px}.latest-panel th:nth-child(2),.latest-panel td:nth-child(2){display:none}.accounts-grid{grid-template-columns:repeat(2,1fr)}.button{font-size:10px}.contribution .button-row{flex-direction:column}.contribution .button{font-size:10px}.brand>div{font-size:25px}.brand>div>span{font-size:6px}.sidebar nav button{font-size:11px}}
@media(max-width:1050px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-card{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:150px}.hero-card .stat-top{grid-column:1;grid-row:1;margin-bottom:0}.hero-card>strong{grid-row:2;font-size:35px}.hero-meta{grid-column:2;grid-row:1/3;border-top:0;border-left:1px solid #fff8;padding:0 0 0 25px;margin:0}.hero-fine{grid-column:1/-1}.forecast-stat{grid-column:1/-1;min-height:130px}.stat-top{font-size:11px}.stat>strong{font-size:28px}.stat-foot,.stat-detail{font-size:10px}.hero-meta b{font-size:15px}.hero-meta span{font-size:10px}.overview-grid,.overview-lower{grid-template-columns:1fr}.overview-lower{margin-top:18px}.contribution-values{flex-direction:row;justify-content:space-between;gap:15px}.contribution-values>div{flex-direction:column;align-items:flex-start;gap:7px}.contribution .button-row{flex-direction:row}.latest-panel td:nth-child(2),.latest-panel th:nth-child(2){display:table-cell}.settings-grid{grid-template-columns:1fr}.page-heading{align-items:flex-start}h1{font-size:29px}.three-stats{gap:12px}.mini-stat{padding:18px}.mini-stat strong{font-size:23px}.list-toolbar{flex-wrap:wrap}.search{flex-basis:100%}}
@media(max-width:760px){body{font-size:14px;background:radial-gradient(ellipse at 15% 5%,#f4fbff 0,transparent 46%),radial-gradient(ellipse at 94% 54%,#85ceff63 0,transparent 60%),linear-gradient(155deg,#e0f3ff 0,#c5e8ff 46%,#a6d9ff 100%);background-attachment:fixed}.ambient.one{width:550px;height:600px;right:-225px;top:-105px;border-top:1.5px solid #fff;box-shadow:0 -5px 50px #fff5,inset 0 10px 80px #ffffff42;transform:rotate(35deg) scaleY(.72)}.ambient.two{width:580px;height:800px;left:-260px;top:18%;filter:blur(45px);background:radial-gradient(ellipse,#b9e7ff60,#85caff00 65%)}.ambient.three{width:550px;height:430px;left:40%;bottom:-120px;transform:rotate(-25deg);border-top:1px solid #fff}.sidebar{display:none}main{margin-left:0}.topbar{height:auto;min-height:83px;padding:19px 21px 9px;border:0;align-items:center}.breadcrumb{display:none}.mobile-brand{display:flex;gap:10px;align-items:center}.mobile-brand .brand-mark{width:36px;height:38px;border-radius:11px}.mobile-brand b{display:block;font-size:25px;color:#132e53;letter-spacing:-.75px;line-height:1.1;font-weight:700}.mobile-brand small{display:block;font-size:9px;line-height:1.3;letter-spacing:-.15px;color:#6587ad;margin-top:4px}.topbar-right{gap:8px}.topbar-right .save-state,.topbar-right>.icon-button{display:none}.topbar-right .avatar{width:39px;height:39px;font-size:16px;background:#d4ebff40;border-color:#fffd}.content{padding:11px 17px 145px}.page-heading{display:block;margin-bottom:16px}.page-heading .eyebrow{font-size:12px;letter-spacing:0;text-transform:none;font-weight:500;color:#6286b0;margin-bottom:5px}h1{font-size:25px;letter-spacing:-.7px;line-height:1.16;max-width:100%;font-weight:700;color:#102952}.page-heading p{font-size:11px;margin-top:7px;line-height:1.8;color:#7194b5}.page-heading>.button-row{margin-top:13px}.page-overview .page-heading p,.page-overview .page-heading>.button-row{display:none}.page-overview .page-heading{margin-bottom:11px}.button{min-height:42px;border-radius:14px;font-size:11px;padding:10px 13px}.button-row{gap:8px}.demo-banner{font-size:9px;border:0;background:none;box-shadow:none;padding:0 2px;margin:0 0 14px;gap:5px;align-items:flex-start}.demo-banner>svg{width:13px;height:13px;margin-top:1px;color:#7d9fc5;flex-shrink:0}.demo-banner>span{color:#82a2c5;flex:1;line-height:1.6}.demo-banner strong{font-weight:500;color:#7698ba}.demo-banner>button{font-size:8px;white-space:normal;text-align:right;max-width:115px;line-height:1.6;gap:3px;color:#5b8eb8;padding:0}.demo-banner button>svg{width:12px;min-width:12px}.view-controls{display:flex;flex-direction:column;gap:10px;align-items:stretch;margin:0 0 16px}.month-picker{order:0;margin:0;width:100%;min-height:40px;border-radius:22px;border-width:1.5px;justify-content:space-between;background:linear-gradient(130deg,#ffffff6b,#b5dfff46);box-shadow:inset 0 1px 1px #fff,0 3px 20px #3c8ad90a;padding:1px 7px}.month-picker label{padding:5px 4px;flex:1;font-size:14px;letter-spacing:-.25px;color:#213f6b}.month-picker label>svg{display:none}.month-picker .icon-button{color:#126edf;min-width:33px;min-height:33px}.month-picker .icon-button svg{width:19px;height:19px}.segmented{order:1;width:100%;border-radius:23px;padding:3px;background:linear-gradient(130deg,#ffffff6a,#c7e8ff65);border-width:1.5px;box-shadow:inset 0 1px 1px #fff9,0 4px 15px #1c76c707;gap:3px}.segmented button{flex:1;min-height:35px;border-radius:19px;font-size:11px;padding:7px 3px;color:#5678a7}.segmented button svg{display:none}.segmented button.selected{box-shadow:inset 0 1px 1px #fff8,0 2px 9px #007aff40}.stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:12px}.stat{padding:17px 15px;border-radius:22px;min-height:110px;border-width:1.5px;box-shadow:inset 0 2px 1px #fff,0 4px 15px #2187d411;overflow:hidden}.hero-card{display:block;grid-column:1/-1;min-height:176px;padding:17px 17px 12px;background:radial-gradient(ellipse at 92% 30%,#65b9ff4f,transparent 70%),linear-gradient(135deg,#e9faff9c,#d5f1ff76 42%,#a7d8ff60);border-radius:23px}.hero-card .stat-top{font-size:12px;margin-bottom:12px;color:#365d89}.hero-card .stat-top>span{gap:8px}.hero-card .stat-top>span>svg{box-sizing:content-box;background:#b3dfff82;border-radius:50%;border:1px solid #ecf9ffc7;padding:7px;width:16px;height:16px;box-shadow:inset 0 1px 1px #fff8;color:#0486ff}.hero-card .stat-top>svg{display:none}.hero-card>strong{font-size:39px;letter-spacing:-1.55px;line-height:1;font-weight:700}.hero-meta{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:12px 0 0;border-top:1px solid #ffffff9c;border-left:0;margin-top:17px}.hero-meta span{font-size:10px;color:#678ab3}.hero-meta b{font-size:16px;font-weight:650;color:#285484;letter-spacing:-.35px;margin-top:3px}.hero-meta>div+div{padding-left:12px;border-left:1px solid #fff9}.hero-fine{font-size:7.5px;margin-top:8px;line-height:1.4;color:#6d98be}.income-stat{display:none}.forecast-stat{grid-column:auto;min-height:110px}.stat-top{font-size:11px;margin-bottom:12px;gap:5px;color:#264f7a}.stat-top>span{gap:5px}.stat-top svg{width:17px;height:17px;flex-shrink:0}.stat>strong{font-size:23px;letter-spacing:-.6px;color:#13385f;font-weight:650}.hero-card>strong{font-size:39px;color:#0d2850}.expected-stat .stat-foot,.forecast-stat .stat-foot{font-size:8px;margin-top:9px;color:#6d95bd}.expected-stat .stat-detail,.forecast-stat .stat-detail{display:none}.expected-stat,.forecast-stat{background:linear-gradient(135deg,#effaff90,#b7deff50)}.overview-grid,.overview-lower{display:flex;flex-direction:column;gap:12px}.overview-lower{margin-top:15px}.panel{border-radius:23px;padding:17px;margin-bottom:15px;border-width:1.5px;box-shadow:inset 0 2px 1px #fff,0 5px 17px #2187d40d;background:linear-gradient(135deg,#ffffff80,#d1edff61);backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%)}.panel-heading{margin-bottom:16px;gap:8px;flex-wrap:wrap}.panel-heading h2{font-size:15px;letter-spacing:-.3px;color:#1d436e;gap:7px}.panel-heading p{font-size:9px;color:#799bbc;line-height:1.65;margin-top:4px}.title-icon{width:28px;height:28px;background:#c1e6ff70;box-shadow:inset 0 1px 2px #fff9}.budget-panel .panel-heading p{display:none}.budget-panel .text-button{font-size:9px}.budget-big{gap:22px;margin-bottom:15px;padding-bottom:12px;border-color:#fff8}.budget-big>div>span{font-size:8px;margin-bottom:3px}.budget-big>div>strong{font-size:16px;letter-spacing:-.3px;color:#305b8b}.chart-legend{font-size:6.5px;max-width:70px;gap:3px}.chart-legend .planned-dot{margin-left:2px}.chart-legend i{width:5px;height:5px;flex-shrink:0}.category-bars{min-height:0;gap:14px}.category-row:nth-child(n+4){display:none}.category-title{font-size:11px;color:#3b618d;margin-bottom:7px;gap:5px}.category-title>span{width:5px;height:5px}.category-title small{font-size:10px;color:#2f5685}.category-title em{font-size:9px;margin-left:0;color:#7c9bbc}.bar-track{height:7px;background:#b8d8ef80}.over-budget{font-size:8px;margin-top:4px}.budget-panel .panel-footer{font-size:7px;margin-top:16px;padding-top:11px;gap:5px}.cards-panel{background:radial-gradient(ellipse at 100% 100%,#67b9ff3a,transparent 70%),linear-gradient(135deg,#eaf8ff8c,#b6dfff61)}.cards-panel .panel-heading{margin-bottom:12px}.cards-panel .panel-heading p{font-size:8px}.cards-panel .panel-heading>svg{display:none}.debit-total{border-radius:14px;padding:10px 12px;margin-bottom:15px;background:#e5f6ff3d}.debit-total span{font-size:9px}.debit-total strong{font-size:22px;color:#174d86}.debit-item{gap:10px;padding-bottom:14px}.debit-date{flex-basis:33px;height:41px;border-radius:11px}.debit-date b{font-size:16px}.debit-date span{font-size:7px}.debit-body strong{font-size:11px;color:#2d5b87}.debit-body>small{font-size:8px;line-height:1.7}.split{gap:6px}.split>b{font-size:12px}.category-chips{gap:5px;margin-top:8px}.category-chips>span{font-size:8px;padding:3px 6px}.debit-list{gap:14px;margin-bottom:14px}.cards-panel .full{font-size:10px;min-height:34px;padding:8px}.contribution-values{gap:12px;flex-wrap:wrap}.contribution-values>div{gap:6px}.contribution-values span{font-size:9px}.contribution-values strong{font-size:14px}.contribution .button{font-size:10px;min-height:37px}.fine{font-size:10px!important}.view-note{font-size:8px;align-items:flex-start;text-align:left;line-height:1.8;margin:20px 0 10px}.view-note>svg{margin-top:3px;flex-shrink:0}.latest-panel th:nth-child(2),.latest-panel td:nth-child(2){display:none!important}.latest-panel .tx-name{min-width:135px;gap:8px}.latest-panel .tx-name strong{font-size:11px;white-space:normal;max-width:175px}.latest-panel .tx-name small{font-size:8px}.latest-panel .amount{font-size:10px}.latest-panel .row-actions .icon-button:not(:first-child){display:none}.transactions-table th,.budget-table th{font-size:10px}.transactions-table td{font-size:11px}.row-actions .icon-button{opacity:1;min-width:29px;min-height:34px}.accounts-grid{grid-template-columns:1fr;gap:13px}.account-card{padding:21px;border-radius:23px}.account-card h3{font-size:18px}.account-balance{font-size:32px}.account-card .eyebrow{font-size:9px;letter-spacing:.7px}.account-card>small{font-size:10px}.account-details>div,.account-details b{font-size:11px}.account-actions{padding-top:14px}.account-actions .text-button{font-size:12px;padding:6px}.section-title h2{font-size:18px}.section-title .button{font-size:10px}.three-stats{grid-template-columns:1fr;gap:10px}.mini-stat{display:flex;align-items:center;justify-content:space-between;padding:18px;border-radius:20px}.mini-stat span{margin:0;font-size:11px}.mini-stat strong{font-size:23px}.list-toolbar{flex-wrap:wrap;gap:10px}.search{flex-basis:100%}.search input{font-size:16px!important;padding:10px 0!important}.list-toolbar select{font-size:13px}.recurring-item{gap:9px;flex-wrap:wrap;padding:18px 0}.recurring-main{min-width:150px}.recurring-item>.amount{font-size:14px}.recurring-main strong{font-size:13px}.recurring-main small{font-size:10px}.settings-grid{gap:15px}.settings-grid .panel{padding:21px}.settings-grid p{font-size:12px}.settings-row p{font-size:11px}.checkbox-field{font-size:10px}.checkbox-field input{width:16px;height:16px}.modal-shade{padding:10px 10px max(15px,env(safe-area-inset-bottom));align-items:flex-end;background:#245c8d45}.modal{max-height:calc(100vh - 35px);max-height:calc(100dvh - 35px);padding:24px 20px 22px;border-radius:28px;background:linear-gradient(130deg,#f2fafff5,#dff1fff0);border-width:1.5px;box-shadow:0 -20px 70px #154d7526}.modal-head h2{font-size:21px}.modal-head p{font-size:11px}.form-grid{gap:16px 11px}.field>span{font-size:11px;line-height:1.6}.field input,.field select{font-size:16px;padding:11px 9px;border:1px solid #fff;border-radius:12px}.field>small{font-size:10px}.modal-actions .button{font-size:12px;min-height:44px}.modal-actions{padding-top:19px}.invoice-net{padding:16px 13px}.invoice-net span{font-size:11px}.invoice-net strong{font-size:23px}.vat-summary{padding:15px}.vat-summary>div{font-size:11px}.cash-budget-item{gap:9px}.cash-budget-item strong{font-size:11px}.cash-budget-item small{font-size:9px}.cash-budget-amount>b{font-size:16px}.cash-budget-amount .text-button{font-size:9px}.monthly-card-budget,.vat-budget-panel{padding:15px;border-radius:17px}.monthly-card-budget h2,.vat-budget-panel h2{font-size:14px}.help-list b{font-size:13px}.help-list p{font-size:12px}.toast{bottom:115px;max-width:calc(100% - 34px);font-size:11px;border-radius:17px}.action-menu button{padding:15px;border-radius:17px}.action-menu strong{font-size:14px}.action-menu small{font-size:11px}.mobile-bottom-nav{display:flex;align-items:center;justify-content:space-between;position:fixed;left:15px;right:15px;bottom:max(15px,env(safe-area-inset-bottom));height:73px;padding:5px;border-radius:38px;border-width:1.5px;z-index:70;background:linear-gradient(130deg,#ffffff85,#c1e4ff6b);backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);box-shadow:inset 0 2px 1px #fff,0 7px 30px #176aa32b,0 -3px 15px #ffffff2b}.mobile-bottom-nav>button{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;height:61px;border-radius:32px;border:1px solid transparent;background:none;color:#668ab9;padding:5px 2px}.mobile-bottom-nav>button>span{font-size:8.5px;font-weight:550;letter-spacing:-.1px}.mobile-bottom-nav>button.selected{background:linear-gradient(125deg,#eefbff7a,#c0e5ff5c);border-color:#ffffffbd;box-shadow:inset 0 1px 3px #fffb;color:#0080ff}.mobile-bottom-nav>button.selected>svg{filter:drop-shadow(0 2px 2px #1990ff29);stroke-width:2.2}.mobile-add{display:grid;place-items:center;position:fixed;right:22px;bottom:calc(105px + env(safe-area-inset-bottom,0px));width:57px;height:57px;border-radius:50%;border:1.5px solid #e3f6ffb3;background:linear-gradient(140deg,#40adff,#0580ff 70%,#086af3);box-shadow:inset 0 2px 2px #ffffff74,0 5px 20px #0879ef38;z-index:65;color:white}.mobile-add svg{stroke-width:2.5}.mobile-add:hover{transform:scale(1.03)}footer{flex-wrap:wrap;font-size:8px;gap:8px;padding-top:16px;margin-top:25px}}
@media(max-width:370px){h1{font-size:22px}.mobile-brand b{font-size:24px}.mobile-brand small{font-size:8px}.hero-card>strong{font-size:36px}.stat>strong{font-size:21px}.hero-card>strong{font-size:36px}.stat-top{font-size:10px}.stat-top>span{gap:4px}.content{padding-left:13px;padding-right:13px}.panel{padding:14px}.hero-meta b{font-size:15px}.cash-budget-item{flex-wrap:wrap}.cash-budget-amount{margin-left:auto}.mobile-bottom-nav{left:10px;right:10px}.mobile-bottom-nav>button>span{font-size:8px}.form-grid{grid-template-columns:1fr}.form-grid>.wide{grid-column:auto}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
/* v0.4: neutral canvas, distinct blue glass and readable supporting text. */
:root{background:#f7f8fa;color:#22364b;--ink:#20364e;--muted:#5e7289;--glass-shadow:0 7px 23px rgba(34,57,84,.065),0 1px 1px rgba(255,255,255,.98) inset,0 -1px 0 rgba(86,134,183,.09) inset}body{background:radial-gradient(ellipse at 90% 0%,#fff 0,transparent 45%),linear-gradient(150deg,#fbfcfd,#f5f7fa 75%,#f8f9fb);background-attachment:fixed}.ambient{opacity:.1}.ambient.one{border-color:#dce4ed;box-shadow:none}.ambient.two{opacity:.08}.ambient.three{display:none}.glass{background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(235,245,255,.78));border:1px solid rgba(178,203,229,.62);box-shadow:var(--glass-shadow);backdrop-filter:blur(18px) saturate(120%);-webkit-backdrop-filter:blur(18px) saturate(120%)}.sidebar{background:linear-gradient(150deg,#f8fcfff2,#edf5fff0);border:1px solid #d7e4f2;box-shadow:4px 0 22px #274d7810}.topbar{border-bottom-color:#e5ebf2}.breadcrumb,.breadcrumb strong{color:#62758d}.save-state{color:#58718d}.page-heading p,.eyebrow{color:#59728d}.page-heading h1{color:#1c324e}.demo-banner{background:#f0f4f8;border:1px solid #e1e8ef;color:#5e7287}.demo-banner strong,.demo-banner>span{color:#566d82}.demo-banner>button{color:#3077b3}.view-controls .segmented{background:#edf4fbce;border-color:#cbdced;box-shadow:inset 0 1px 2px #fff,0 3px 12px #31516f08}.segmented button{color:#4c6b8e}.segmented button.selected{background:linear-gradient(130deg,#3099ef,#137dde);box-shadow:0 2px 9px #1d77bf26,inset 0 1px 1px #fff6;color:#fff}.month-picker{background:linear-gradient(130deg,#f9fcffdd,#e6f2ffd4);border-color:#c7dbee;box-shadow:inset 0 1px 1px #fff,0 4px 14px #35577608}.month-picker label{color:#365b81}.button.secondary{background:linear-gradient(130deg,#ffffffed,#edf5ffdb);border-color:#cbddee;color:#38658c;box-shadow:0 2px 8px #2d4f6d08,inset 0 1px 0 #fff}.button.primary{background:linear-gradient(135deg,#2b94e8,#1378d1);border-color:#1881d5;box-shadow:0 4px 13px #237ac227,inset 0 1px 0 #fff6}.icon-button{color:#54799e}.icon-button:hover{color:#146fba;background:#eaf3fc}.text-button{color:#256fae}.brand>div>span,.workspace-tag,.local-card p,.profile small{color:#64809c}.local-card{background:#f6faffd4;border-color:#d5e4f2}.local-card strong{color:#4d6987}.stat{background:linear-gradient(135deg,#fbfdfff0,#e8f3fff0);border-color:#c9deef;box-shadow:0 6px 22px #1e4e7710,inset 0 1px 2px #fff}.stat-top,.stat-foot,.stat-detail{color:#57718e}.stat-top svg{color:#227cc4}.hero-card{background:radial-gradient(ellipse at 95% 18%,#bbdfff78,transparent 65%),linear-gradient(135deg,#fafdfff5,#e4f2fff2 60%,#e2f0fff2);border-color:#b8d5ed;box-shadow:0 9px 27px #2b568617,inset 0 2px 2px #fff}.hero-card::after{border-top-color:#fff;box-shadow:0 -5px 16px #fff6;opacity:.65}.hero-card .stat-top{color:#36577a}.hero-meta{border-top-color:#bcd7ed82}.hero-meta>div+div{border-left-color:#bcd7ed82}.hero-meta span,.hero-fine{color:#577593}.hero-meta b{color:#2c5075}.panel{background:linear-gradient(135deg,#ffffffed,#f9fcffe8);border-color:#dce6f0;box-shadow:0 5px 19px #2c456311,inset 0 1px 1px #fff}.panel-heading p{color:#657b91}.panel-heading h2{color:#294767}.budget-big{border-bottom-color:#e1eaf2}.budget-big>div>span,.chart-legend{color:#647f98}.budget-big>div>strong{color:#335e85}.category-title,.category-title small{color:#355b7d}.category-title em{color:#6a8299}.bar-track{background:#dce9f4;box-shadow:inset 0 1px 2px #7295b51a}.panel-footer{border-top-color:#e1eaf2;color:#617b93}.cards-panel{background:radial-gradient(ellipse at 100% 100%,#c3e2ff58,transparent 70%),linear-gradient(135deg,#f8fcfff2,#e9f4fff0);border-color:#c7dcee;box-shadow:0 8px 24px #275b8620,inset 0 1px 2px #fff}.debit-total{background:#f3f9ffbb;border-color:#d1e3f3}.debit-total span,.debit-body>small{color:#5b7b97}.debit-item{border-bottom-color:#d5e4f1}.debit-date{background:#e6f3ffe6;border-color:#bdd8ed;color:#337bae}.category-chips>span{background:#f5faffd9;border-color:#cbdff0;color:#4b7194}.category-chips b{color:#38648a}.tx-name strong{color:#31516f}.tx-name small,td,.account-inline,.subtext{color:#5e7992}th{color:#637d96;border-bottom-color:#dde6ef}td{border-bottom-color:#e5edf4}.fine{color:#657b92!important}.view-note,footer{color:#6f8195}.contribution{background:linear-gradient(135deg,#fcfdfff0,#eaf4fff0);border-color:#d5e4f0}.contribution-values span{color:#627c94}.contribution-values strong{color:#355b7f}.contribution .eyebrow{color:#688199}.note{background:#edf5fb;border-color:#d5e4f1;color:#58758f}.pill{background:#e6f0f8;color:#5b7790}.pill.green{background:#e1edf3;color:#477288}.pill.amber{background:#e5f0fa;color:#46769d}.empty strong{color:#5e82a3}.empty p{color:#738da5}.search{background:#fff;border-color:#d5e1ed}.search input::placeholder{color:#788fa5}.settings-grid p,.settings-row p,.help-list p{color:#5f7991}.settings-row strong{color:#426789}.account-details>div,.account-card>small{color:#647d94}.account-details b{color:#3e6484}.account-details,.account-actions{border-color:#dbe6f0}.account-card{background:linear-gradient(135deg,#ffffffef,#eef6fff0);border-color:#ccdeef}.credit-account{background:linear-gradient(135deg,#f8fcffef,#e5f2fff0);border-color:#bdd7ec}.recurring-main>small{color:#617f99}.recurring-item{border-top-color:#e0e9f2}.monthly-card-budget,.vat-budget-panel{background:#f0f7fdeb;border-color:#d3e4f2}.cash-budget-item{border-top-color:#d8e7f3}.cash-budget-item small{color:#63819b}.modal{background:linear-gradient(135deg,#fffffff8,#f1f7fff6);border-color:#c8ddee;box-shadow:0 24px 75px #1438582b,inset 0 1px 1px #fff}.modal-head p,.field>small{color:#657f98}.field>span{color:#4d6d8b}input:not([type=file]),select,textarea{background:#fff;border-color:#cdddea;color:#365a7c;box-shadow:inset 0 1px 2px #426b9210}input::placeholder{color:#8397ab}.budget-input{background:#ffffffee!important;border-color:#cddfeb!important}.modal-actions{border-top-color:#dce6f0}.invoice-net{background:linear-gradient(135deg,#f3faff,#e5f3ff);border-color:#bfd9ed}.invoice-net span{color:#547696}.vat-summary{background:#eef6fd;border-color:#d5e4f1}.vat-summary>div{color:#5c7c98}.action-menu button{background:#f5f9fdf2;border-color:#d6e4f0}.action-menu small{color:#67829a}.checkbox-field{color:#617e97}.toast{background:#f5fafff5;border-color:#bcd7ee;color:#3a6c91;box-shadow:0 7px 25px #28496925}.row-actions .icon-button{opacity:.85}.row-actions .subtle{opacity:.65}
.category-manager{grid-column:1/-1}.category-manager-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.category-group{min-width:0}.category-group-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;border-bottom:1px solid #e1eaf2;padding-bottom:12px}.category-group-heading h3{font-size:14px;color:#385974}.category-manage-row{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid #e8eef5}.category-manage-name{flex:1;min-width:0}.category-manage-name strong{display:block;font-size:12px;font-weight:550;color:#365674;overflow-wrap:anywhere}.category-manage-name small{display:block;font-size:9px;color:#8193a7;margin-top:3px}.category-manage-name .pill{margin-top:4px}.category-manage-actions{display:flex;gap:3px}.category-manage-actions .icon-button{min-width:28px;min-height:32px}.category-manage-row.is-archived .category-manage-name,.category-manage-row.is-archived>.icon-badge{opacity:.6}.category-preview{display:flex;align-items:center;gap:12px;background:#f1f7fd;border:1px solid #d9e7f4;border-radius:13px;padding:14px}.category-preview strong{font-size:13px;color:#3d607f}.category-preview small{display:block;font-size:10px;color:#6c859d;margin-top:3px}.color-input{width:100%;height:43px;padding:5px!important;cursor:pointer}.icon-picker>span{display:block;font-size:11px;color:#4d6d8b;margin-bottom:8px}.icon-picker>div{display:flex;gap:7px;flex-wrap:wrap}.icon-picker button{display:grid;place-items:center;width:42px;height:42px;border:1px solid #d5e3ef;background:#f7fbff;border-radius:11px;color:#7891a7}.icon-picker button.selected{border-color:#498fc5;background:#e2f1fc;color:#1d6caa;box-shadow:0 0 0 1px #a9cfe91f}
@media(max-width:760px){body{background:linear-gradient(145deg,#fbfcfd,#f5f7fa);background-attachment:fixed}.ambient.one,.ambient.two,.ambient.three{display:none}.topbar{border:0;background:transparent}.content{background:transparent}.mobile-brand small{color:#607993}.page-heading .eyebrow,.page-heading p{color:#5d7690}.demo-banner{background:transparent;border:0}.demo-banner>span,.demo-banner strong{color:#6b8094}.demo-banner>svg{color:#67849c}.demo-banner>button{color:#387cac}.segmented{background:linear-gradient(130deg,#f3faffee,#e0f0ffcf);border-color:#bed7eb;box-shadow:0 4px 14px #3d5e7b10,inset 0 1px 1px #fff}.segmented button{color:#526f8e}.segmented button.selected{color:#fff}.month-picker{background:linear-gradient(135deg,#fbfdffef,#e9f4ffeb);border-color:#c5dcef;box-shadow:0 3px 11px #3d60800d,inset 0 1px 1px #fff}.hero-card{background:radial-gradient(ellipse at 92% 12%,#c0e1ff65,transparent 75%),linear-gradient(135deg,#f4fbfff2,#e5f3fff0);border-color:#b8d4e9;box-shadow:0 8px 24px #27577e1c,inset 0 2px 1px #fff}.hero-meta{border-color:#bdd8ec}.hero-meta>div+div{border-color:#bdd8ec}.hero-meta span,.hero-fine{color:#57768f}.stat{border-color:#c4dcee;background:linear-gradient(135deg,#f9fcfff4,#e8f4fff1);box-shadow:0 6px 18px #28537617,inset 0 1px 1px #fff}.hero-card{background:radial-gradient(ellipse at 92% 12%,#c0e1ff65,transparent 75%),linear-gradient(135deg,#f4fbfff2,#e5f3fff0)}.expected-stat .stat-foot,.forecast-stat .stat-foot{color:#5d7a94}.panel{background:linear-gradient(135deg,#ffffffed,#fbfdfff0);border-color:#d4e1ed;box-shadow:0 6px 18px #274c6c12,inset 0 1px 1px #fff}.panel-heading p{color:#637f98}.category-title,.category-title small{color:#355d7d}.category-title em{color:#6c849b}.cards-panel{background:linear-gradient(135deg,#f8fcfff2,#eaf5fff0);border-color:#c2daee;box-shadow:0 8px 23px #275b861e,inset 0 1px 2px #fff}.debit-total{border-color:#cce0f0;background:#f5fbffb8}.contribution{background:linear-gradient(135deg,#fafcfff2,#edf6fff0);border-color:#d0e2ef}.mobile-bottom-nav{background:linear-gradient(135deg,#f2faffd9,#d9edffd4);border-color:#accce5;box-shadow:0 8px 28px #1c4a732e,0 1px 2px #fff inset;backdrop-filter:blur(24px) saturate(140%);-webkit-backdrop-filter:blur(24px) saturate(140%)}.mobile-bottom-nav>button{color:#4c7399}.mobile-bottom-nav>button.selected{border-color:#bdd8ed;background:linear-gradient(140deg,#ffffffba,#cae7ffc7);color:#117cc6;box-shadow:0 2px 10px #306eaa15,inset 0 1px 2px #fff}.mobile-add{background:linear-gradient(135deg,#3ba2ed,#137acc);border-color:#e4f6ff;box-shadow:0 6px 21px #1c6fad50,inset 0 1px 2px #fff7}.modal{background:linear-gradient(135deg,#fffffff8,#f2f8fff5);border-color:#c7dceb;box-shadow:0 -12px 55px #143b662b}.field input,.field select{border-color:#c4d9e9;background:#fff;color:#385c7d}.category-manager-grid{grid-template-columns:1fr;gap:22px}.category-manager .panel-heading{align-items:flex-start}.category-manager .panel-heading .button{font-size:10px}.category-manage-name strong{font-size:12px}.category-manage-name small{font-size:8px}.category-manage-actions{gap:0}.category-manage-actions .icon-button{min-width:30px;min-height:36px}.category-manager .note{font-size:10px}.icon-picker button{width:39px;height:39px}.category-preview strong{font-size:14px}}
/* v0.5: clearly actionable controls and mouse / hover-capable Pencil feedback. */
.button{border-width:1.5px;font-weight:600;box-shadow:0 4px 12px #28476616,inset 0 1px 1px #fff;transition:transform .17s ease,box-shadow .17s ease,filter .17s ease,background .17s ease}.button.secondary{background:linear-gradient(135deg,#fff,#e1eefaea);border-color:#aac7df;box-shadow:0 4px 12px #2a517b16,inset 0 1px 1px #fff;color:#315d84}.button.primary{background:linear-gradient(135deg,#399fed,#1275c8);border-color:#3686c8;box-shadow:0 5px 15px #1c6dab38,inset 0 1px 2px #fff6}.text-button{font-weight:600;text-decoration:underline;text-decoration-color:#a6c8e2;text-underline-offset:3px;padding:5px 2px}.icon-button{background:#f3f8fc;border:1px solid #d1e0ec;box-shadow:0 2px 6px #1c406408,inset 0 1px 1px #fff;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}.row-actions .icon-button{opacity:1}.row-actions{gap:4px}.category-manage-actions{gap:4px}.button[data-glass-hover='true'],.button:hover{transform:translateY(-2px);box-shadow:0 9px 23px #1d6bb630,inset 0 1px 2px #fff,0 0 0 1px #76b9ea60;filter:brightness(1.035)}.button.secondary[data-glass-hover='true'],.button.secondary:hover{background:radial-gradient(circle at var(--pointer-x,35%) var(--pointer-y,25%),#fff 0,#e5f4ffdc 37%,#b5dcf3ca 100%);border-color:#65a6d1;color:#1b5687}.button.primary[data-glass-hover='true'],.button.primary:hover{background:radial-gradient(circle at var(--pointer-x,35%) var(--pointer-y,25%),#ffffff4f,transparent 62%),linear-gradient(135deg,#3aa4f0,#126dbb);border-color:#73c1f3;box-shadow:0 9px 22px #147ac14a,inset 0 1px 2px #ffffffab,0 0 0 1px #8acff380}.icon-button[data-glass-hover='true'],.icon-button:hover{transform:translateY(-1px);background:radial-gradient(circle at var(--pointer-x,35%) var(--pointer-y,25%),#fff,#d4ebfbed);border-color:#85b7da;box-shadow:0 5px 12px #2a70aa22,inset 0 1px 2px #fff;color:#166aaa}.text-button[data-glass-hover='true'],.text-button:hover{color:#0d619e;text-decoration-color:#4b9bcf;text-shadow:0 1px 5px #c5e9ff}.sidebar nav button[data-glass-hover='true']{background:radial-gradient(circle at var(--pointer-x,35%) var(--pointer-y,25%),#fff,#dceeffa8);border-color:#a9cce6;box-shadow:0 4px 12px #27619512}.segmented button[data-glass-hover='true']{box-shadow:inset 0 1px 2px #fff9,0 4px 10px #3987bc26;filter:brightness(1.08)}.mobile-bottom-nav>button[data-glass-hover='true']{background:radial-gradient(circle at var(--pointer-x,35%) var(--pointer-y,25%),#ffffffdd,#c8e5facb);border-color:#a9cde6;box-shadow:0 4px 14px #2a74a924,inset 0 1px 2px #fff;color:#086dae}.mobile-add[data-glass-hover='true']{transform:translateY(-2px) scale(1.035);background:radial-gradient(circle at var(--pointer-x,35%) var(--pointer-y,25%),#ffffff4f,transparent 70%),linear-gradient(135deg,#37a4ee,#126cbc);box-shadow:0 9px 25px #126bab58,inset 0 1px 2px #fff9}.button:active,.icon-button:active,.mobile-add:active{transform:translateY(1px) scale(.98);box-shadow:inset 0 2px 7px #154a7628,0 2px 5px #1d496b12;filter:brightness(.98)}button:disabled{box-shadow:none;filter:none;transform:none;opacity:.42}.command-feedback{display:flex;align-items:center;gap:9px;border:1px solid #b4d4e9;background:#edf7ff;color:#396686;border-radius:14px;padding:12px 15px;font-size:12px;margin-bottom:18px}.command-feedback>svg{flex-shrink:0}.command-feedback>span{flex:1}.generation-summary{display:flex;align-items:center;gap:13px;padding:16px;background:#edf6fd;border:1px solid #bfd8eb;border-radius:14px;color:#3079a8;margin-bottom:18px}.generation-summary strong{display:block;font-size:15px;color:#315c7d}.generation-summary p{font-size:10px;color:#6a849a;margin-top:4px}.generation-list{display:flex;flex-direction:column}.generation-row{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #dfebf3}.generation-row>div{flex:1}.generation-row strong{display:block;font-size:12px;color:#3e617d}.generation-row small{display:block;font-size:10px;color:#6f879b;margin:4px 0}.generation-row span{font-size:10px}.generation-ready{color:#278287}.generation-skipped{color:#9b7f58}.generation-tools{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:17px}.generation-tools .text-button{font-size:10px}@media(max-width:760px){.command-feedback{font-size:10px;padding:11px 12px}.generation-summary{padding:14px}.generation-summary strong{font-size:14px}.generation-row strong{font-size:12px}.generation-row small{font-size:9px}.generation-tools{gap:8px}.generation-tools .text-button{font-size:10px}.row-actions{gap:3px}.button{min-height:43px}.modal-actions .button{min-height:46px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.button:hover,.button[data-glass-hover='true'],.icon-button:hover,.icon-button[data-glass-hover='true'],.mobile-add[data-glass-hover='true']{transform:none}}
.button:disabled,.button:disabled:hover,.icon-button:disabled,.icon-button:disabled:hover{transform:none;box-shadow:none;filter:none;opacity:.42;cursor:not-allowed;pointer-events:none}
.forecast-detail-button{font-size:9px;margin-top:8px;padding:2px 0}.forecast-account{margin-bottom:22px;border:1px solid #d5e5f0;border-radius:15px;background:#f6fbff;padding:17px}.forecast-account h3{font-size:14px;color:#3d6380;margin-bottom:14px}.forecast-line{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;margin:10px 0;font-size:11px;color:#627e95}.forecast-line>span{flex:1}.forecast-line>b{white-space:nowrap;font-variant-numeric:tabular-nums;color:#3d6484}.forecast-result{border-top:1px solid #c8deef;padding-top:13px;margin-top:15px;font-size:12px;color:#355f80}.forecast-result>b{font-size:17px;color:#2a5b85}@media(max-width:760px){.forecast-detail-button{font-size:8px;margin-top:7px;min-height:20px}.account-card .forecast-detail-button{font-size:10px;min-height:28px}.forecast-account{padding:15px}.forecast-line{font-size:10px;gap:10px}.forecast-result>b{font-size:16px}}
.previous-card-debits{border:1px solid #d6dfeb;border-radius:13px;background:#f2f5f9;padding:13px;margin:17px 0;color:#678096}.previous-card-debits strong{font-size:10px;color:#58738a}.previous-card-debits .split>b{font-size:12px}.previous-card-debits p{font-size:9px;line-height:1.8;margin:6px 0 10px;color:#8494a6}.previous-card-debits>div:not(.split){display:flex;justify-content:space-between;gap:10px;font-size:9px;padding:5px 0}.previous-card-debits b{white-space:nowrap;font-variant-numeric:tabular-nums}@media(max-width:760px){.previous-card-debits{padding:12px}.previous-card-debits strong{font-size:9px}.previous-card-debits p{font-size:8px}.previous-card-debits>div:not(.split){font-size:8px}}
/* v0.8: keep controls inside their grid/flex cells, including Safari date fields. */
main,.content,.topbar,.view-controls,.modal,.table-scroll{min-width:0}
.stats-grid{grid-template-columns:minmax(0,1.3fr) repeat(3,minmax(0,1fr))}
.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.three-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
.panel-heading>div,.page-heading>div,.modal-head>div,.settings-row>div,.action-menu button>div,.hero-meta>div,.generation-row>div{min-width:0;overflow-wrap:anywhere}
.button-row,.panel-heading,.section-title,.modal-actions,.account-actions{max-width:100%;flex-wrap:wrap}
.button{max-width:100%;white-space:normal;overflow-wrap:anywhere;text-align:center}
.button>svg,.text-button>svg,.icon-button>svg,.search>svg{flex-shrink:0}
.icon-button{flex-shrink:0}
.field>input,.field>select,.field>textarea{display:block;width:100%;min-width:0;max-width:100%;box-sizing:border-box}
.field input[type=date],.field input[type=month]{-webkit-appearance:none;appearance:none}
.field input::-webkit-date-and-time-value{min-width:0;text-align:left}
.field>span,.field>small,.note,.category-chips>span,.account-details>div,.debit-body,.generation-summary>div{overflow-wrap:anywhere;min-width:0}
.month-picker{min-width:0;max-width:100%}
.month-picker label{min-width:0;flex:1}
.month-picker label>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.month-picker input{min-width:0!important;padding:0!important;border:0!important}
.segmented{min-width:0;max-width:100%}
.segmented button{min-width:0;white-space:normal}
.list-toolbar>select{min-width:0;max-width:100%}
.search{min-width:0;max-width:100%}
.account-actions .text-button,.cash-budget-amount .text-button{white-space:normal;text-align:right}
.split>strong,.category-title{min-width:0;overflow-wrap:anywhere}
@media(max-width:1250px){.stats-grid{grid-template-columns:minmax(0,1.25fr) repeat(3,minmax(0,1fr))}.accounts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1050px){
 .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .view-controls{flex-wrap:wrap}
 .segmented{flex:1 1 270px}
 .month-picker{flex:1 1 250px}
 .month-picker .icon-button{min-width:44px;min-height:44px}
 .list-toolbar>select{flex:1 1 160px}
 .recurring-item{flex-wrap:wrap}
 .recurring-main{min-width:0;flex:1 1 170px;overflow-wrap:anywhere}
 .category-manager-grid{grid-template-columns:1fr}
}
@media(max-width:760px){
 .topbar{padding-left:max(17px,env(safe-area-inset-left));padding-right:max(17px,env(safe-area-inset-right))}
 .content{padding-left:max(17px,env(safe-area-inset-left));padding-right:max(17px,env(safe-area-inset-right))}
 .month-picker,.segmented{flex:initial;width:100%}
 .month-picker{padding:3px 5px;gap:3px}
 .month-picker label{padding:5px 2px}
 .month-picker .icon-button{width:44px;min-width:44px;height:44px;min-height:44px}
 .hero-meta{grid-template-columns:repeat(2,minmax(0,1fr))}
 .accounts-grid,.three-stats{grid-template-columns:minmax(0,1fr)}
 .budget-big{flex-wrap:wrap;gap:14px}
 .category-title{flex-wrap:wrap}
 .category-title small{max-width:100%;white-space:normal}
 .debit-total{flex-wrap:wrap;gap:8px}
 .cash-budget-item{flex-wrap:wrap}
 .cash-budget-amount{margin-left:auto;max-width:100%}
 .mini-stat{flex-wrap:wrap;gap:10px}
 .modal-head{flex-wrap:nowrap}
 .modal-head>.icon-button{min-width:44px;min-height:44px}
 .mobile-bottom-nav{left:max(15px,env(safe-area-inset-left));right:max(15px,env(safe-area-inset-right))}
 .mobile-add{right:max(22px,env(safe-area-inset-right))}
}
@media(max-width:600px){
 .form-grid{grid-template-columns:minmax(0,1fr)}
 .form-grid>.wide{grid-column:auto}
 .modal-actions>.button{flex:1 1 130px}
 .stat>strong{white-space:normal;overflow-wrap:anywhere;font-size:clamp(18px,5.7vw,23px)}
 .hero-card>strong{font-size:clamp(29px,9vw,39px)}
}

/* v0.9: modestly larger type and clearer hierarchy on the neutral glass surface. */
:root{--ink:#183b5b;--muted:#526b82;color:#294963}
body{font-size:14px}
h1,h2,h3,strong,b{font-weight:650}
h1{color:#102e4b}h2{font-size:19px;color:#183c5a}h3{font-size:18px;color:#244a68}
.page-heading p,.panel-heading p,.settings-row p,.settings-grid p,.help-list p{color:#4d687f}
.page-heading p,.panel-heading p{font-size:12px}
.eyebrow{font-size:10px;color:#4c6881;font-weight:650}
.button{font-size:12px}.text-button{font-size:12px;color:#17619a}
.sidebar nav button{font-size:13px;color:#43637e}.sidebar nav button.active{font-weight:700}
.breadcrumb,.save-state,.workspace-tag{color:#526e86}
.segmented button{font-size:12px;font-weight:600;color:#385c7b}
.month-picker label{font-size:13px;font-weight:650;color:#244a6a}
.stat-top{font-size:12px;color:#365a76;font-weight:600}
.stat-foot,.stat-detail{font-size:11px;color:#4d6b82}
.hero-meta span{font-size:11px;color:#4d6b82}.hero-meta b{font-weight:700}.hero-fine{font-size:10px;color:#4f6c83}
.budget-big>div>span{font-size:11px;color:#506b82}.budget-big>div>strong,.debit-total strong,.account-balance{font-weight:700}
.category-title,.category-title small{font-size:12px;color:#345774}.category-title em{color:#536e83}
.chart-legend,.panel-footer,.over-budget{font-size:10px}.panel-footer{color:#4e6a80}
th{font-size:11px;font-weight:650;color:#4d687d}
td{font-size:12px;color:#46637c}
.tx-name>div{min-width:0}.tx-name strong{font-size:13px;font-weight:650;color:#244762;white-space:normal;overflow-wrap:anywhere}
.tx-name small{font-size:11px;color:#526c82;line-height:1.6}
.account-inline{font-size:11px;color:#49677f}.subtext{font-size:10px;color:#526e84}
.amount{font-weight:700;color:#244a68}.pill{font-size:10px;font-weight:600}
.pill.green{background:#dfedf0;color:#28586b}.pill.amber{background:#e4effb;color:#345e80}
.positive{color:#196679!important}.negative{color:#a54b42!important}
.debit-total span,.debit-body>small{font-size:11px;color:#4c6a81}.debit-body strong{font-size:13px;font-weight:650}
.category-chips>span{font-size:10px;color:#41627e}.category-chips b{font-weight:650}
.previous-card-debits strong,.previous-card-debits>div:not(.split){font-size:11px;color:#48647b}.previous-card-debits p{font-size:10px;color:#526b81}
.mini-stat span,.account-card>small,.account-details>div,.account-details b{font-size:12px;color:#48677e}
.recurring-main>strong{font-size:13px;font-weight:650}.recurring-main>small{font-size:11px;color:#506c83}
.field>span{font-size:12px;font-weight:600;color:#3d5d77}.field>small,.modal-head p{font-size:12px;color:#4e6a81}
.field input,.field select,.field textarea{font-size:14px;color:#294d6b}
.note,.checkbox-field,.fine{color:#4c687f!important}.note{font-size:12px}
.settings-row strong,.help-list b,.category-manage-name strong{font-size:13px;color:#2e526e;font-weight:650}
.category-manage-name small,.action-menu small{font-size:11px;color:#526d82}
.forecast-line{font-size:12px;color:#4c687f}.forecast-line>b{color:#2a4f6b;font-weight:650}
.forecast-detail-button{font-size:11px}.mobile-bottom-nav>button>span{font-size:9.5px}
footer,.view-note{font-size:10px;color:#526b80}
.card-debit-reference{color:#365e7e!important;font-weight:600}
.card-debit-actions{display:flex;gap:8px 16px;flex-wrap:wrap;margin-top:8px}
.card-debit-actions .text-button{font-size:12px;min-height:36px;white-space:normal;text-align:left}
.card-debit-actions .text-button:disabled{color:#526b80;text-decoration:none;opacity:.7}
.automatic-card-row{background:#edf6fd80}
.card-debit-compact{display:none}
.card-debit-category-heading{font-size:15px;margin:18px 0 10px}.card-debit-categories{margin-bottom:18px}
@media(max-width:1050px){.stat-top{font-size:12px}.stat-foot,.stat-detail{font-size:11px}}
@media(max-width:760px){
 h1{font-size:26px}h2{font-size:19px}.panel-heading h2{font-size:17px;font-weight:700}
 .page-heading p,.panel-heading p,.cards-panel .panel-heading p{font-size:11px}
 .button,.segmented button{font-size:12px}.month-picker label{font-size:15px}
 .stat-top{font-size:12px}.hero-card .stat-top{font-size:13px}
 .expected-stat .stat-foot,.forecast-stat .stat-foot{font-size:10px;line-height:1.6}
 .hero-meta span{font-size:11px}.hero-fine{font-size:10px;line-height:1.5}
 .budget-big>div>span{font-size:10px}.budget-big>div>strong{font-size:18px}
 .budget-panel .panel-footer{font-size:10px}.budget-panel .text-button{font-size:11px}
 .category-title,.category-title small{font-size:12px}.category-title em{font-size:11px}
 .chart-legend{font-size:9px;max-width:90px}
 .transactions-table td{font-size:12px}.transactions-table th,.budget-table th{font-size:11px}
 .latest-panel .tx-name strong{font-size:12px}.latest-panel .tx-name small{font-size:10px}.latest-panel .amount{font-size:12px}
 .debit-body strong{font-size:12px}.debit-body>small,.debit-total span{font-size:10px}
 .category-chips>span{font-size:10px}.cards-panel .full{font-size:12px}
 .previous-card-debits strong,.previous-card-debits>div:not(.split){font-size:10px}.previous-card-debits p{font-size:10px}
 .field input,.field select,.field textarea{font-size:16px}.field>span{font-size:12px}.field>small{font-size:11px}
 .modal-head p,.forecast-line{font-size:12px}.forecast-detail-button{font-size:10px}
 .recurring-main strong,.cash-budget-item strong{font-size:13px}.recurring-main small,.cash-budget-item small{font-size:11px}
 .contribution-values span{font-size:11px}.contribution .button{font-size:12px}
 .account-card>small,.account-details>div,.account-details b,.mini-stat span{font-size:12px}
 .card-debit-compact{display:block;font-size:14px;margin-top:6px}
 .card-debit-actions{gap:4px 12px}.card-debit-actions .text-button{min-height:44px;font-size:12px}
 .category-manager .panel-heading .button{font-size:12px}.category-manage-name small{font-size:10px}
 .view-note,footer{font-size:10px}.demo-banner,.demo-banner>button{font-size:10px;color:#4c687f}
}

.auth-page{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-form{width:min(440px,100%);display:grid;gap:20px}.cloud-toolbar{position:sticky;top:0;z-index:60;background:#f7f8fa;padding:12px 20px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;border-bottom:1px solid #cbd8e5}.cloud-toolbar button{padding:8px 12px;border:1px solid #cbd8e5;border-radius:10px;background:white;cursor:pointer}.cloud-toolbar p{width:100%;color:#a82626;margin:0}.cloud-toolbar~div .sidebar{top:62px}.cloud-toolbar~div .topbar{top:62px}@media(max-width:720px){.cloud-toolbar{position:relative}.cloud-toolbar~div .sidebar,.cloud-toolbar~div .topbar{top:0}}
[hidden]{display:none!important}