:root{
  --ink:#172540;--muted:#6d7891;--line:rgba(95,111,151,.13);
  --glass:rgba(255,255,255,.48);--glass-strong:rgba(255,255,255,.7);
  --green:#27896f;--rose:#c94867;--violet:#7459c6;--blue:#537cce;
  --shadow:0 22px 60px rgba(67,79,120,.13);--soft-shadow:0 10px 28px rgba(67,79,120,.1);
}
*{box-sizing:border-box}html{min-height:100%;background:#edf3ff}body{margin:0;min-height:100vh;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;background:linear-gradient(145deg,#e8f1ff 0%,#f7f4fb 46%,#eef4ff 100%);overflow-x:hidden}button,input,select{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid rgba(91,123,208,.22);outline-offset:2px}.ambient{position:fixed;pointer-events:none;filter:blur(12px);border-radius:50%;opacity:.72;z-index:0}.ambient-a{width:560px;height:560px;left:-190px;top:-180px;background:radial-gradient(circle,rgba(190,216,255,.68),transparent 66%)}.ambient-b{width:620px;height:620px;right:-240px;top:18%;background:radial-gradient(circle,rgba(236,199,232,.54),transparent 65%)}.ambient-c{width:520px;height:520px;left:35%;bottom:-300px;background:radial-gradient(circle,rgba(218,225,255,.72),transparent 66%)}
.glass{background:linear-gradient(145deg,rgba(255,255,255,.64),rgba(255,255,255,.28));border:1px solid rgba(255,255,255,.82);box-shadow:inset 0 1px 0 rgba(255,255,255,.95),var(--shadow);backdrop-filter:blur(24px) saturate(130%);-webkit-backdrop-filter:blur(24px) saturate(130%)}.glass-subtle{background:rgba(255,255,255,.34);border:1px solid rgba(255,255,255,.68);box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}
.app-shell{position:relative;z-index:1;display:grid;grid-template-columns:245px minmax(0,1fr);gap:18px;max-width:1580px;margin:auto;padding:18px;min-height:100vh}.sidebar{position:sticky;top:18px;height:calc(100vh - 36px);border-radius:30px;padding:18px;display:flex;flex-direction:column;overflow:auto}.brand{display:flex;align-items:center;gap:12px;padding:7px 6px 18px}.brand-mark{width:44px;height:44px;border-radius:16px;display:grid;place-items:center;font-size:28px;background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(218,226,255,.48));border:1px solid white;color:#7d72ae;box-shadow:inset 0 1px 0 #fff,0 8px 20px rgba(74,87,128,.12)}.brand strong,.brand small{display:block}.brand strong{font-family:Georgia,serif;font-size:18px}.brand small{margin-top:3px;color:var(--muted)}.nav{display:grid;gap:5px}.nav-item{border:0;background:transparent;text-align:left;border-radius:15px;padding:11px 12px;display:flex;align-items:center;gap:11px;color:#55637f;cursor:pointer;transition:.2s}.nav-item span{width:24px;text-align:center;font-size:18px}.nav-item:hover{background:rgba(255,255,255,.36)}.nav-item.active{background:rgba(255,255,255,.64);color:#415eaa;box-shadow:inset 0 1px 0 #fff,0 5px 14px rgba(67,80,124,.08)}.side-status{margin-top:auto;border-radius:17px;padding:12px;display:flex;gap:9px;align-items:center}.status-dot{width:9px;height:9px;border-radius:50%;background:#62b99d;box-shadow:0 0 0 5px rgba(98,185,157,.11)}.side-status strong,.side-status small{display:block}.side-status strong{font-size:12px}.side-status small{font-size:10px;color:var(--muted);margin-top:3px}
.main{min-width:0;padding:5px 0 44px}.topbar{height:94px;display:flex;align-items:center;justify-content:space-between;padding:4px 8px}.eyebrow{margin:0 0 5px;text-transform:uppercase;letter-spacing:.12em;font-size:10px;color:#8490a8;font-weight:700}.topbar h1{font-family:Georgia,serif;font-weight:500;margin:0;font-size:34px}.top-actions{display:flex;gap:8px}.icon-btn,.avatar,.ghost-btn,.link-btn,.close-btn{border:0;background:transparent;cursor:pointer}.icon-btn,.avatar{width:44px;height:44px;border-radius:16px}.avatar{font-weight:700;color:#5668a5}.view{display:none}.view.active{display:block;animation:viewIn .26s ease both}@keyframes viewIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}.balance-card,.panel,.stat-card{border-radius:28px}.balance-card{padding:25px;min-height:292px;position:relative;overflow:hidden}.glow-card:before{content:"";position:absolute;width:240px;height:240px;right:-65px;top:-80px;border-radius:50%;background:radial-gradient(circle,rgba(176,203,255,.48),transparent 66%)}.card-head{position:relative;display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:13px}.ghost-btn{font-size:18px;color:#57678b}.balance{position:relative;font-family:Georgia,serif;font-size:55px;margin:27px 0 8px}.balance-meta{position:relative;display:flex;gap:8px;color:var(--muted);font-size:12px}.balance-meta strong{color:var(--ink)}.sparkline{position:absolute;left:24px;right:24px;bottom:25px;height:80px;display:flex;align-items:flex-end;gap:5px;opacity:.7}.sparkline span{flex:1;border-radius:999px;background:linear-gradient(to top,rgba(94,123,202,.1),rgba(105,132,210,.72));height:24%}.sparkline span:nth-child(2){height:31%}.sparkline span:nth-child(3){height:28%}.sparkline span:nth-child(4){height:45%}.sparkline span:nth-child(5){height:43%}.sparkline span:nth-child(6){height:58%}.sparkline span:nth-child(7){height:72%}.sparkline span:nth-child(8){height:62%}.sparkline span:nth-child(9){height:81%}.sparkline span:nth-child(10){height:74%}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.stat-card{padding:20px;min-height:132px;display:flex;flex-direction:column;justify-content:center}.stat-card.wide{grid-column:1/-1}.stat-card span,.stat-card small{color:var(--muted);font-size:12px}.stat-card strong{font-family:Georgia,serif;font-size:27px;margin:8px 0}.tint-green{background:linear-gradient(145deg,rgba(237,255,249,.72),rgba(255,255,255,.3))}.tint-green strong{color:var(--green)}.tint-rose{background:linear-gradient(145deg,rgba(255,241,245,.75),rgba(255,255,255,.3))}.tint-rose strong{color:var(--rose)}.tint-violet{background:linear-gradient(145deg,rgba(244,240,255,.78),rgba(255,255,255,.3))}.tint-violet strong{color:var(--violet)}
.quick-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;border-radius:25px;padding:10px;margin:18px 0}.quick{border:1px solid rgba(255,255,255,.88);background:rgba(255,255,255,.42);border-radius:18px;padding:14px 15px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:2px 9px;text-align:left;cursor:pointer;box-shadow:inset 0 1px 0 #fff,0 8px 18px rgba(79,89,128,.06);transition:.2s}.quick:hover{transform:translateY(-2px);background:rgba(255,255,255,.58)}.quick>span{grid-row:1/3;font-size:25px;align-self:center}.quick b{font-size:14px}.quick small{color:var(--muted)}.quick.income>span{color:var(--green)}.quick.expense>span{color:var(--rose)}.quick.savings>span{color:var(--violet)}
.home-mini-grid,.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.compact-panel{padding-bottom:13px}.panel{padding:22px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:14px}.section-head.wrap{flex-wrap:wrap}.section-head h2,.page-head h2{font-family:Georgia,serif;margin:0;font-weight:500}.page-head{margin-bottom:15px;padding:0 4px}.link-btn{color:#5571b9;font-size:12px}.mini-account-list,.mini-recurring-list{display:grid;gap:8px;margin-top:14px}.mini-account,.mini-recurring{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 11px;border-radius:15px;background:rgba(255,255,255,.34)}.mini-account span,.mini-recurring span{display:block}.mini-account small,.mini-recurring small{color:var(--muted);font-size:10px;margin-top:3px}.mini-account b{font-family:Georgia,serif}.mini-recurring b{font-size:12px}.due-text{color:var(--rose)!important}
.transaction-list{display:grid;margin-top:10px}.transaction-row{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:11px;align-items:center;padding:12px 6px;border-bottom:1px solid var(--line);cursor:pointer;border-radius:15px;transition:.18s}.transaction-row:hover{background:rgba(255,255,255,.28)}.transaction-row:last-child{border-bottom:0}.tx-icon{width:40px;height:40px;border-radius:14px;display:grid;place-items:center;background:rgba(255,255,255,.55);border:1px solid rgba(255,255,255,.85);color:#6073ad}.tx-main{min-width:0}.tx-main strong,.tx-main small{display:block}.tx-main strong{font-size:13px}.tx-main small{font-size:10px;color:var(--muted);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tx-amount{font-family:Georgia,serif;font-size:15px;white-space:nowrap}.tx-amount.income{color:var(--green)}.tx-amount.expense{color:var(--rose)}.tx-amount.savings{color:var(--violet)}.tx-amount.transfer{color:var(--blue)}.roomy .transaction-row{padding:14px 9px}.toolbar{display:flex;gap:8px;flex-wrap:wrap}.field{border:1px solid rgba(255,255,255,.88);background:rgba(255,255,255,.55);border-radius:14px;padding:10px 12px;color:var(--ink);box-shadow:inset 0 1px 0 #fff}.field.small{min-width:130px;padding:9px 10px}
.donut-wrap{display:grid;grid-template-columns:165px minmax(0,1fr);gap:18px;align-items:center;margin-top:18px}.donut{width:160px;height:160px;border-radius:50%;position:relative;display:grid;place-items:center;background:conic-gradient(#d9e0ec 0 100%);box-shadow:inset 0 1px 12px rgba(79,91,132,.08)}.donut:after{content:"";position:absolute;width:94px;height:94px;border-radius:50%;background:rgba(248,250,255,.95);box-shadow:0 0 0 1px rgba(255,255,255,.8),inset 0 2px 10px rgba(89,98,132,.06)}.donut>div{position:relative;z-index:1;text-align:center}.donut strong,.donut small{display:block}.donut strong{font-family:Georgia,serif;font-size:16px}.donut small{font-size:10px;color:var(--muted);margin-top:3px}.legend{display:grid;gap:8px}.legend-row{display:grid;grid-template-columns:9px minmax(0,1fr) auto;gap:8px;align-items:center;font-size:11px}.legend-dot{width:9px;height:9px;border-radius:50%}.legend-row small{color:var(--muted)}.legend-row b{font-family:Georgia,serif;font-size:12px}
.primary-btn,.secondary-btn,.glass-button{border:1px solid rgba(255,255,255,.88);border-radius:15px;padding:11px 16px;cursor:pointer;box-shadow:inset 0 1px 0 #fff,0 8px 18px rgba(83,95,136,.1);transition:.18s}.primary-btn:hover,.secondary-btn:hover,.glass-button:hover{transform:translateY(-1px)}.primary-btn{background:linear-gradient(135deg,rgba(111,137,231,.92),rgba(134,99,214,.86));color:white}.secondary-btn,.glass-button{background:rgba(255,255,255,.55);color:var(--ink)}.full{width:100%}.danger-text{color:#c64260!important}.center{display:block;margin:8px auto 0}.empty-state{text-align:center;padding:40px;color:var(--muted)}.empty-icon{font-size:38px}.inline-actions{display:flex;gap:9px;flex-wrap:wrap}
.account-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.account-card{position:relative;overflow:hidden;padding:20px;border-radius:25px;min-height:180px;cursor:pointer}.account-card:before{content:"";position:absolute;width:150px;height:150px;right:-35px;top:-48px;border-radius:50%;background:radial-gradient(circle,rgba(161,193,255,.38),transparent 66%)}.account-card.savings-kind:before{background:radial-gradient(circle,rgba(203,175,246,.42),transparent 66%)}.account-card .account-top{position:relative;display:flex;justify-content:space-between;gap:10px}.account-badge{font-size:10px;color:var(--muted);padding:6px 8px;border-radius:999px;background:rgba(255,255,255,.5)}.account-card h3{position:relative;margin:27px 0 7px;font-family:Georgia,serif;font-size:20px;font-weight:500}.account-card .account-balance{position:relative;font-family:Georgia,serif;font-size:30px}.account-card small{position:relative;color:var(--muted);display:block;margin-top:7px}.account-add-card{border:1px dashed rgba(88,105,148,.25);background:rgba(255,255,255,.18);border-radius:25px;min-height:180px;display:grid;place-items:center;text-align:center;cursor:pointer;color:#66728b}.account-add-card span{display:block;font-size:34px;margin-bottom:5px}
.analytics-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.forecast-card{grid-column:1/-1}.bar-chart{height:280px;display:flex;align-items:flex-end;justify-content:space-around;gap:16px;padding:30px 10px 26px;border-radius:20px;background:linear-gradient(rgba(255,255,255,.28),rgba(255,255,255,.12));position:relative}.bar-month{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:5px;align-items:end;height:100%;position:relative}.bar-month i{border-radius:8px 8px 3px 3px;min-height:4px}.bar-income{background:linear-gradient(#70c6b0,#bfe9de)}.bar-expense{background:linear-gradient(#ed8fa4,#f7ccd5)}.bar-month label{position:absolute;bottom:-22px;left:50%;transform:translateX(-50%);font-size:11px;color:var(--muted)}.chart-legend{display:flex;justify-content:center;gap:16px;margin-top:10px;color:var(--muted);font-size:12px}.chart-legend i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}.green-dot{background:#70c6b0}.rose-dot{background:#ed8fa4}.analytics-donut{grid-template-columns:190px 1fr}.donut.large{width:185px;height:185px}.forecast-card strong{display:block;font-family:Georgia,serif;font-size:32px;margin:10px 0}.forecast-card p:last-child{color:var(--muted)}
.savings-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:18px}.savings-hero{padding:28px}.big-number{font-family:Georgia,serif;font-size:48px;margin:18px 0}.progress-track{height:14px;background:rgba(255,255,255,.5);border-radius:999px;overflow:hidden}.progress-track div{height:100%;width:0;background:linear-gradient(90deg,#7ba7ea,#8b6bd7);border-radius:999px;transition:width .35s}.goal-row{display:flex;justify-content:space-between;align-items:center;margin:14px 0 22px;color:var(--muted)}
.debt-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-bottom:16px}.debt-stat{border-radius:23px;padding:18px}.debt-stat span{color:var(--muted);font-size:12px}.debt-stat strong{display:block;font-family:Georgia,serif;font-size:29px;margin-top:8px}.debt-stat.to-me strong{color:var(--green)}.debt-stat.i-owe strong{color:var(--rose)}.debt-list{display:grid;gap:9px;margin-top:15px}.debt-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;padding:14px;border-radius:18px;background:rgba(255,255,255,.3);border:1px solid rgba(255,255,255,.55)}.debt-row.paid{opacity:.58}.debt-row h3{margin:0 0 4px;font-size:14px}.debt-row p{margin:0;color:var(--muted);font-size:11px}.debt-row .debt-amount{font-family:Georgia,serif;font-size:20px;text-align:right}.debt-row .row-actions{display:flex;gap:6px;justify-content:flex-end;margin-top:7px}.tiny-btn{border:1px solid rgba(255,255,255,.8);background:rgba(255,255,255,.48);border-radius:11px;padding:6px 8px;font-size:10px;cursor:pointer}
.planner-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:18px}.due-panel{background:linear-gradient(145deg,rgba(255,246,248,.7),rgba(255,255,255,.28))}.recurring-list{display:grid;gap:9px;margin-top:15px}.recurring-row{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px;border-radius:17px;background:rgba(255,255,255,.32);border:1px solid rgba(255,255,255,.55)}.recurring-icon{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:rgba(255,255,255,.55);font-size:19px}.recurring-row h3{margin:0;font-size:13px}.recurring-row small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.recurring-side{text-align:right}.recurring-side b{font-family:Georgia,serif;font-size:15px}.recurring-side .row-actions{margin-top:5px;display:flex;gap:5px;justify-content:flex-end}.overdue{color:var(--rose)!important}.soon{color:#a06b2e!important}
.segmented{display:inline-flex;padding:4px;border-radius:15px;background:rgba(255,255,255,.45);border:1px solid rgba(255,255,255,.7)}.segmented button{border:0;background:transparent;padding:9px 15px;border-radius:11px;color:var(--muted);cursor:pointer}.segmented button.active{background:rgba(255,255,255,.84);color:var(--ink);box-shadow:0 4px 12px rgba(75,88,130,.08)}.two-tabs{display:grid;grid-template-columns:1fr 1fr;width:100%;margin-bottom:15px}.custom-period{display:flex;align-items:end;gap:10px;flex-wrap:wrap;margin-top:15px;padding:13px;border-radius:18px;background:rgba(255,255,255,.3)}.custom-period label{display:grid;gap:5px;color:var(--muted);font-size:11px}.period-caption{font-size:12px;color:var(--muted);margin:14px 2px 0}.report-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:15px 0}.report-stat{padding:16px;border-radius:18px;background:rgba(255,255,255,.42)}.report-stat span{display:block;color:var(--muted);font-size:12px}.report-stat strong{font-family:Georgia,serif;font-size:22px}.report-table-wrap{overflow:auto;border-radius:18px;background:rgba(255,255,255,.3)}.report-table{width:100%;border-collapse:collapse;min-width:820px}.report-table th,.report-table td{padding:12px;text-align:left;border-bottom:1px solid rgba(114,127,159,.11);font-size:13px}.report-table th{color:var(--muted);font-weight:600}.report-actions{display:flex;gap:10px;margin-top:16px}.glass-button{flex:1;font-size:15px}
.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.span-2{grid-column:1/-1}.muted{color:var(--muted);line-height:1.55}.switch{position:relative;width:50px;height:28px;display:inline-block}.switch input{display:none}.switch span{position:absolute;inset:0;border-radius:999px;background:rgba(94,106,136,.2);cursor:pointer}.switch span:after{content:"";position:absolute;width:22px;height:22px;background:#fff;border-radius:50%;top:3px;left:3px;transition:.2s;box-shadow:0 3px 8px rgba(0,0,0,.12)}.switch input:checked+span{background:#83b5d8}.switch input:checked+span:after{transform:translateX(22px)}.backup-box{border-radius:18px;padding:16px;display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}.backup-box strong,.backup-box small{display:block}.backup-box small{color:var(--muted);margin-top:3px}.file-label{display:inline-flex;align-items:center}.inline-setting{grid-template-columns:130px minmax(0,1fr);align-items:center}
.mobile-nav{display:none}.modal{width:min(650px,calc(100vw - 28px));border-radius:29px;border:1px solid rgba(255,255,255,.82);padding:0;background:rgba(247,249,255,.9);color:var(--ink);box-shadow:0 35px 90px rgba(34,45,78,.25);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px)}.modal::backdrop{background:rgba(28,36,58,.28);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.modal form,.more-sheet{padding:24px}.small-modal{width:min(460px,calc(100vw - 28px))}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px}.modal-head h2{margin:0;font-family:Georgia,serif;font-weight:500}.close-btn{font-size:30px;line-height:1}.type-tabs{width:100%;display:grid;grid-template-columns:repeat(3,1fr);margin-bottom:18px}.form-group{display:grid;gap:7px;margin-bottom:14px}.form-group>span{font-size:12px;color:var(--muted);font-weight:700}.form-group input,.form-group select{width:100%;border:1px solid rgba(255,255,255,.88);background:rgba(255,255,255,.56);border-radius:15px;padding:13px 14px;outline:none;color:var(--ink);box-shadow:inset 0 1px 0 #fff}.amount-input{display:flex;align-items:center;background:rgba(255,255,255,.62);border:1px solid rgba(255,255,255,.9);border-radius:20px;padding:4px 14px}.amount-input input{border:0!important;background:transparent!important;box-shadow:none!important;font-family:Georgia,serif;font-size:38px;padding:14px 0!important}.amount-input b{font-family:Georgia,serif;font-size:28px}.amount-input.compact input{font-size:28px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.add-to-amount,.history-box{padding:14px;border-radius:16px;margin:12px 0}.add-to-amount strong,.add-to-amount small{display:block}.add-to-amount small{color:var(--muted);margin-top:3px}.add-amount-row{display:flex;gap:8px;margin-top:10px}.add-amount-row input{min-width:0;flex:1;border:1px solid rgba(255,255,255,.82);background:rgba(255,255,255,.62);border-radius:13px;padding:10px}.history-list{display:grid;gap:7px;margin-top:9px}.history-item{font-size:10px;color:var(--muted);padding:8px;border-radius:11px;background:rgba(255,255,255,.38)}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.check-row{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:12px}.more-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.more-grid button{border:1px solid rgba(255,255,255,.82);background:rgba(255,255,255,.45);border-radius:18px;padding:18px 12px;display:grid;gap:7px;place-items:center;font-size:22px;cursor:pointer}.more-grid span{font-size:12px}
.lock-screen{position:fixed;inset:0;z-index:99;display:grid;place-items:center;background:linear-gradient(145deg,rgba(230,239,255,.95),rgba(247,239,251,.95));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.lock-card{width:min(360px,calc(100vw - 30px));padding:28px;border-radius:30px;text-align:center}.brand-mark.large{margin:0 auto 12px;width:64px;height:64px;font-size:38px}.lock-card h2{font-family:Georgia,serif}.lock-card input{width:100%;padding:14px;border-radius:15px;border:1px solid rgba(255,255,255,.8);background:rgba(255,255,255,.62);margin:10px 0 12px;text-align:center;font-size:22px;letter-spacing:.2em}.lock-card small{display:block;color:#c64260;margin-top:8px}
.toast{position:fixed;z-index:120;left:50%;bottom:26px;transform:translate(-50%,30px);background:rgba(26,35,57,.91);color:white;padding:11px 16px;border-radius:14px;opacity:0;pointer-events:none;transition:.25s;box-shadow:0 12px 28px rgba(33,42,66,.24);max-width:calc(100vw - 30px);text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}.hidden-amount{filter:blur(8px);user-select:none}.effect-layer{position:fixed;inset:0;z-index:115;pointer-events:none;overflow:hidden}.coin-particle{position:absolute;left:50%;top:58%;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#fff3b2,#e6b74a);border:1px solid rgba(186,131,25,.45);box-shadow:0 5px 13px rgba(142,103,35,.18);font-size:10px;color:#9b7127;animation:coinBurst .82s cubic-bezier(.16,.78,.25,1) forwards;animation-delay:var(--delay);transform:translate(-50%,-50%)}.coin-particle:after{content:"₽"}.coin-particle.violet{background:linear-gradient(145deg,#f5ecff,#c8b5ff);color:#7359b6;border-color:rgba(116,89,182,.25)}@keyframes coinBurst{0%{opacity:0;transform:translate(-50%,-50%) scale(.45) rotate(0)}18%{opacity:1}100%{opacity:0;transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(.95) rotate(var(--rot))}}.whoosh-streak{position:absolute;left:18%;top:50%;width:64%;height:4px;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(220,98,130,.15),rgba(220,98,130,.85),rgba(255,255,255,.9),transparent);filter:blur(.2px);animation:whooshFx .42s ease-out forwards}@keyframes whooshFx{0%{opacity:0;transform:translateX(-30%) scaleX(.2)}28%{opacity:1}100%{opacity:0;transform:translateX(35%) scaleX(1.2)}}
@media(max-width:1180px){.app-shell{grid-template-columns:90px minmax(0,1fr)}.sidebar{padding:14px}.brand>div:last-child,.brand strong,.brand small,.side-status div{display:none}.brand{justify-content:center}.nav-item{justify-content:center;font-size:0}.nav-item span{width:auto;font-size:22px}.side-status{justify-content:center}.account-grid{grid-template-columns:1fr 1fr}.hero-grid,.content-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(3,1fr)}.stat-card.wide{grid-column:auto}.analytics-grid,.savings-layout,.planner-grid{grid-template-columns:1fr}.forecast-card{grid-column:auto}}
@media(max-width:760px){body{padding-bottom:92px}.app-shell{display:block;padding:14px}.sidebar{display:none}.main{padding-bottom:78px}.topbar{height:83px;padding-top:max(8px,env(safe-area-inset-top))}.topbar h1{font-size:28px}.hero-grid,.content-grid,.home-mini-grid,.analytics-grid,.savings-layout,.settings-grid,.planner-grid{display:grid;grid-template-columns:1fr}.span-2{grid-column:auto}.stats-grid{grid-template-columns:1fr 1fr;gap:10px}.stat-card.wide{grid-column:1/-1}.balance-card{min-height:225px}.balance{font-size:42px}.quick-actions{position:relative;overflow:auto;grid-template-columns:repeat(3,minmax(145px,1fr))}.account-grid{grid-template-columns:1fr 1fr}.donut-wrap,.analytics-donut{grid-template-columns:140px minmax(0,1fr)}.donut,.donut.large{width:136px;height:136px}.donut:after{width:78px;height:78px}.debt-summary{grid-template-columns:1fr 1fr}.debt-summary .debt-stat:last-child{grid-column:1/-1}.report-summary{grid-template-columns:1fr 1fr}.report-actions{flex-direction:column}.mobile-nav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;z-index:50;left:12px;right:12px;bottom:max(10px,env(safe-area-inset-bottom));border-radius:24px;padding:8px}.mobile-nav button{border:0;background:transparent;color:#60708f;display:grid;place-items:center;gap:2px;font-size:18px;padding:6px;border-radius:15px}.mobile-nav button.active{background:rgba(255,255,255,.62);color:#4767b2}.mobile-nav small{font-size:9px}.mobile-add{width:48px;height:48px;border-radius:50%!important;background:linear-gradient(135deg,#dfeaff,#eee5ff)!important;box-shadow:inset 0 1px 0 #fff,0 8px 18px rgba(79,88,142,.18);margin:auto;font-size:28px!important}.toolbar{width:100%}.field.small{flex:1;min-width:120px}.form-grid{grid-template-columns:1fr}.modal form,.more-sheet{padding:18px}.amount-input input{font-size:34px}.backup-box{align-items:flex-start}.big-number{font-size:42px}.inline-setting{grid-template-columns:1fr}.custom-period{align-items:stretch}.custom-period label{flex:1}.custom-period button{width:100%}}
@media(max-width:470px){.app-shell{padding:10px}.top-actions .icon-btn{display:none}.balance-card,.panel{border-radius:24px}.stat-card{padding:15px}.quick-actions{margin:12px 0}.content-grid,.home-mini-grid{gap:12px}.panel{padding:16px}.account-grid{grid-template-columns:1fr}.account-card,.account-add-card{min-height:155px}.transaction-row{grid-template-columns:38px minmax(0,1fr) auto;padding:10px}.tx-icon{width:36px;height:36px}.donut-wrap,.analytics-donut{grid-template-columns:1fr}.donut,.donut.large{margin:auto}.legend{margin-top:8px}.debt-summary{grid-template-columns:1fr}.debt-summary .debt-stat:last-child{grid-column:auto}.debt-row{grid-template-columns:1fr}.debt-row .debt-amount{text-align:left}.debt-row .row-actions{justify-content:flex-start}.recurring-row{grid-template-columns:38px minmax(0,1fr)}.recurring-icon{width:36px;height:36px}.recurring-side{grid-column:2;text-align:left}.recurring-side .row-actions{justify-content:flex-start}.report-summary{grid-template-columns:1fr 1fr}.report-stat{padding:12px}.report-stat strong{font-size:18px}}
.debt-amount.income,.recurring-side b.income{color:var(--green)}
.debt-amount.expense,.recurring-side b.expense{color:var(--rose)}

/* Fix: keep PIN overlay hidden until a PIN has actually been configured */
.lock-screen[hidden]{display:none!important;}
