:root{
  --bg:#f4f7fb;--surface:#fff;--surface-2:#f8fafc;--line:#e6ebf2;--text:#172033;--muted:#738096;
  --primary:#3167ea;--primary-dark:#2455ce;--primary-soft:#edf3ff;--good:#11966d;--bad:#d94b61;
  --warn:#c78316;--shadow:0 10px 35px rgba(27,47,83,.07);--shadow-lg:0 24px 70px rgba(27,47,83,.13);
  --radius:22px;--sidebar:260px
}
*{box-sizing:border-box}html{background:var(--bg);-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;min-width:0;overflow-x:hidden;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:var(--text);background:var(--bg);line-height:1.45}body.modal-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{touch-action:manipulation}img,svg{max-width:100%}form{min-width:0}.app-shell{min-height:100vh;display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr)}.main{min-width:0;max-width:100vw}
.sidebar{position:sticky;top:0;height:100vh;overflow-y:auto;padding:22px 16px 18px;background:rgba(255,255,255,.98);border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:60}.sidebar-head{display:flex;align-items:center;justify-content:space-between;padding:0 4px}.brand{display:flex;align-items:center;gap:10px;font-weight:900;font-size:21px;letter-spacing:-.04em}.brand.big{font-size:28px}.brand-mark{width:38px;height:38px;border-radius:13px;background:linear-gradient(145deg,#4b82ff,#2454cf);color:#fff;display:grid;place-items:center;box-shadow:0 9px 24px rgba(49,103,234,.28)}.sidebar-close{display:none;border:0;background:#f1f4f8;width:38px;height:38px;border-radius:12px;font-size:22px;color:#4f5a6d}.sidebar nav{display:grid;gap:4px;margin-top:24px}.nav-label{margin:16px 10px 5px;color:#a0a9b8;font-size:10px;font-weight:900;letter-spacing:.14em}.sidebar nav a{display:flex;align-items:center;gap:11px;min-height:44px;padding:9px 11px;border-radius:13px;color:#626e81;font-size:13px;font-weight:720;transition:.18s}.sidebar nav a:hover,.sidebar nav a.active{background:var(--primary-soft);color:#2056d0}.nav-ico{width:26px;height:26px;border-radius:9px;background:#f3f6fa;display:grid;place-items:center;flex:0 0 auto;font-size:14px}.sidebar nav a.active .nav-ico{background:#dce8ff}.sidebar-bottom{margin-top:auto;padding:16px 9px 2px;border-top:1px solid var(--line);display:grid;gap:3px;min-width:0}.sidebar-bottom small,.sidebar-bottom span{color:var(--muted);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-bottom b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.link-btn{padding:0;border:0;background:none;color:var(--primary);text-align:left;margin-top:7px;cursor:pointer;font-weight:800}.sidebar-backdrop{display:none}
.topbar{min-height:92px;padding:18px clamp(18px,3vw,36px);display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid rgba(230,235,242,.9);background:rgba(244,247,251,.9);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);position:sticky;top:0;z-index:40}.topbar-title{min-width:0;flex:1}.topbar h1{margin:2px 0 0;font-size:26px;line-height:1.1;letter-spacing:-.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:.13em;color:#919bad;font-weight:850}.top-actions,.actions{display:flex;gap:9px;align-items:center;flex:0 0 auto}.menu-btn{display:none;border:1px solid var(--line);background:#fff;width:44px;height:44px;border-radius:14px;color:#3564d8;box-shadow:0 6px 18px rgba(27,47,83,.05)}
.content{width:100%;max-width:1500px;margin:0 auto;padding:26px clamp(18px,3vw,36px) 110px;min-width:0}.btn{border:0;border-radius:13px;min-height:42px;padding:10px 15px;font-weight:820;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:.18s}.btn.primary{background:linear-gradient(135deg,#3973f2,#2859d8);color:#fff;box-shadow:0 8px 20px rgba(49,103,234,.18)}.btn.primary:hover{transform:translateY(-1px);background:linear-gradient(135deg,#2f68e6,#214fc4)}.btn.ghost{background:#fff;border:1px solid var(--line);color:#344052}.btn.small{min-height:34px;padding:7px 10px;font-size:12px}.btn.wide{width:100%}.plus{font-size:18px;line-height:1}.flash{padding:13px 15px;border-radius:14px;margin-bottom:16px;font-weight:700;border:1px solid transparent}.flash.success{background:#eafaf4;color:#087653;border-color:#d7f3e7}.flash.error{background:#fff0f2;color:#b92f47;border-color:#ffdce3}.card{min-width:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:21px}.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:17px;min-width:0}.card-head>div{min-width:0}.card-head h2,.card h2{margin:0;font-size:18px;line-height:1.2;letter-spacing:-.03em}.card-head p,.card p{margin:5px 0 0;color:var(--muted);font-size:13px}.card-head a{color:var(--primary);font-size:12px;font-weight:850;white-space:nowrap}.good{color:var(--good)!important}.bad{color:var(--bad)!important}.empty{padding:24px;text-align:center;color:var(--muted);border:1px dashed #d9e1ec;border-radius:15px;background:#fbfcfe}.empty.compact{padding:18px}.grow{flex:1;min-width:0}.grow b,.grow small{display:block}.grow small,.block{font-size:11px;color:var(--muted);margin-top:2px}.amount{font-weight:900;white-space:nowrap}
.dashboard-hero{position:relative;overflow:hidden;padding:26px 28px;border-radius:27px;background:linear-gradient(120deg,#245bd6 0%,#3975ef 55%,#708ff4 100%);color:#fff;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:28px;box-shadow:0 20px 55px rgba(49,103,234,.23);margin-bottom:14px}.dashboard-hero:after{content:"";position:absolute;width:280px;height:280px;border-radius:50%;background:rgba(255,255,255,.08);right:-100px;top:-150px}.hero-money,.hero-net,.health-score{position:relative;z-index:1}.hero-money span,.hero-money small,.hero-net span,.hero-net small{display:block;color:rgba(255,255,255,.78)}.hero-money strong{display:block;font-size:clamp(30px,3vw,45px);line-height:1;margin:8px 0;letter-spacing:-.055em}.hero-net{text-align:right;min-width:150px}.hero-net b{display:block;font-size:21px;margin:6px 0;color:#fff!important}.hero-good{color:#d8fff0!important}.hero-bad{color:#ffe1e5!important}.health-score{--score:50%;width:84px;height:84px;border-radius:50%;padding:5px;background:conic-gradient(#fff var(--score),rgba(255,255,255,.2) 0);box-shadow:inset 0 0 0 1px rgba(255,255,255,.2)}.health-score>div{width:100%;height:100%;border-radius:50%;background:#356be2;display:grid;place-content:center;text-align:center}.health-score b{font-size:25px;line-height:1}.health-score span{font-size:9px;margin-top:3px;color:rgba(255,255,255,.78)}
.smart-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}.smart-strip article{background:#fff;border:1px solid var(--line);border-radius:17px;padding:15px 16px;box-shadow:0 7px 22px rgba(27,47,83,.045);min-width:0}.smart-strip span,.smart-strip small{display:block;color:var(--muted);font-size:11px}.smart-strip b{display:block;font-size:19px;line-height:1.15;margin:6px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quick-links-card{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-bottom:16px}.quick-links-card a{background:#fff;border:1px solid var(--line);border-radius:16px;min-height:72px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;box-shadow:0 6px 18px rgba(27,47,83,.04);font-size:11px;transition:.18s}.quick-links-card a:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.qicon{width:32px;height:32px;border-radius:11px;display:grid;place-items:center;font-size:18px;font-weight:800}.qicon.red{background:#fff0f3;color:#cf4057}.qicon.green{background:#eafaf4;color:#0b8e65}.qicon.blue{background:#edf3ff;color:#2c62db}.qicon.violet{background:#f2efff;color:#7052d4}.qicon.gold{background:#fff7e7;color:#b97a13}.qicon.gray{background:#f1f4f8;color:#657184}
.dashboard-grid,.report-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.new-grid{align-items:start}.span2{grid-column:span 2}.account-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.account-pill{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:16px;padding:15px 15px 18px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;background:linear-gradient(145deg,#fff,#fbfdff)}.account-pill span{color:var(--muted);font-size:10px}.account-pill b{display:block;margin-top:2px;font-size:13px}.account-pill strong{align-self:center;font-size:15px;white-space:nowrap}.mini-bar{grid-column:1/-1;height:4px;border-radius:999px;background:#edf1f6;overflow:hidden}.mini-bar i{display:block;height:100%;background:linear-gradient(90deg,#4d80ef,#80a9ff);border-radius:inherit}.cashflow-row{display:flex;justify-content:space-between;gap:15px;padding:11px 0;border-bottom:1px solid #eef1f5;font-size:13px}.cashflow-row:last-child{border-bottom:0}.cashflow-row span{color:var(--muted)}.rank-list{display:grid}.rank-list>div{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #eef1f5;min-width:0}.rank-list>div:last-child{border-bottom:0}.rank{width:26px;height:26px;border-radius:9px;background:#f0f4fa;display:grid;place-items:center;font-size:11px;font-weight:900;flex:0 0 auto}.rank-list strong{font-size:12px;white-space:nowrap}.progress-row{margin:14px 0}.progress-row>div:first-child{display:flex;justify-content:space-between;gap:10px;font-size:12px}.progress-row>div:first-child b{white-space:nowrap}.progress{height:8px;border-radius:999px;background:#edf1f7;overflow:hidden;margin:7px 0}.progress i{display:block;height:100%;background:linear-gradient(90deg,#3973f2,#69a4ff);border-radius:999px}.progress i.warn-bar{background:linear-gradient(90deg,#e3a023,#e16d4e)}.progress-row small{color:var(--muted);font-size:10px}.upcoming-list,.recent-list,.note-mini-list{display:grid}.upcoming-list>a,.note-mini-list>a{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #eef1f5;min-width:0}.upcoming-list>a:last-child,.note-mini-list>a:last-child{border-bottom:0}.upcoming-list strong{font-size:12px;white-space:nowrap}.up-icon,.tx-bubble{width:36px;height:36px;border-radius:12px;background:#f2f5fa;display:grid;place-items:center;flex:0 0 auto}.recent-item{display:flex;align-items:center;gap:11px;padding:11px 0;border-bottom:1px solid #eef1f5;min-width:0}.recent-item:last-child{border-bottom:0}.recent-info{min-width:0;flex:1}.recent-info b,.recent-info small{display:block}.recent-info b{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-info small{font-size:10px;color:var(--muted);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-item .amount{font-size:13px}.goal-mini{margin:13px 0}.goal-mini>div:first-child{display:flex;gap:9px;align-items:center}.goal-mini>div>span{font-size:22px}.goal-mini em{font-style:normal;font-weight:900;color:var(--primary);font-size:12px}.note-mini-list>a>span{width:30px;height:30px;border-radius:10px;background:#fff7e7;color:#ad7318;display:grid;place-items:center;flex:0 0 auto}.smoke-mini{background:linear-gradient(145deg,#fff,#f8fffc)}.smoke-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.smoke-stats>div{background:#edf9f4;border-radius:13px;padding:12px 7px;text-align:center}.smoke-stats b,.smoke-stats span{display:block}.smoke-stats b{font-size:15px;color:#0d8d63}.smoke-stats span{font-size:9px;color:#6a8379;margin-top:2px}
.page-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:16px;margin-bottom:16px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.stack{display:grid;gap:13px}label{display:grid;gap:6px;min-width:0;font-size:11px;font-weight:800;color:#5d687a}input,select,textarea{width:100%;min-width:0;border:1px solid #dce3ed;background:#fbfcfe;border-radius:12px;padding:11px 12px;color:var(--text);outline:none;min-height:43px}textarea{resize:vertical}input:focus,select:focus,textarea:focus{border-color:#82a7ff;box-shadow:0 0 0 3px rgba(49,103,234,.08);background:#fff}.check-row{grid-template-columns:auto 1fr;align-items:center;justify-content:start}.check-row input{width:18px;height:18px;min-height:0}.icon-btn{border:0;background:#f3f5f8;width:32px;height:32px;border-radius:9px;cursor:pointer;color:#667184}.inline-form{display:flex;gap:8px;margin-top:13px}.account-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.account-card{padding:19px;border-radius:19px;background:linear-gradient(145deg,#fff,#f9fbff);border:1px solid var(--line);box-shadow:var(--shadow);min-width:0}.account-card span,.account-card small{font-size:10px;color:var(--muted);font-weight:800;letter-spacing:.06em}.account-card h3{margin:7px 0 18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-card strong{font-size:22px;display:block;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.budget-grid,.goal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.budget-card{border:1px solid var(--line);border-radius:16px;padding:15px;min-width:0}.budget-card>div:first-child{display:flex;align-items:center;gap:9px}.budget-card>div:first-child>span{font-size:23px}.budget-card h3{margin:0;font-size:14px}.budget-card small{color:var(--muted)}.budget-card>div:first-child>b{margin-left:auto}.budget-card footer{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:10px}.goal-card{text-align:center}.goal-icon{font-size:34px}.goal-card h3{margin-bottom:9px}.goal-card strong{font-size:24px}.goal-card>span{color:var(--muted)}.goal-footer{display:flex;justify-content:space-between;gap:10px}.debt-list{display:grid;gap:9px}.debt-list article{display:flex;align-items:center;gap:12px;padding:13px;border:1px solid var(--line);border-radius:14px;min-width:0}.debt-list h3{margin:0 0 2px;font-size:14px}.debt-list small{color:var(--muted);font-size:11px}.debt-type{font-size:9px;font-weight:900;padding:6px 8px;border-radius:8px;flex:0 0 auto}.debt-type.debt{background:#fff0f2;color:#bd3850}.debt-type.receivable{background:#eafff7;color:#087a57}.debt-amount{text-align:right;min-width:100px}.debt-amount strong,.debt-amount small{display:block}.quit-hero{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}.quit-hero>div{background:linear-gradient(145deg,#f7fffb,#eefcf6);border:1px solid #d9f2e6;border-radius:19px;padding:20px}.quit-hero span,.quit-hero small{display:block;color:#5d7b6d}.quit-hero strong{display:block;font-size:27px;color:#0f8e62;margin:5px 0}.log-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.log-grid article{border:1px solid var(--line);border-radius:13px;padding:13px}.log-grid b,.log-grid strong,.log-grid span,.log-grid small{display:block}.log-grid strong{margin:9px 0;font-size:18px}.log-grid span,.log-grid small{color:var(--muted);font-size:11px}
.table-wrap{width:100%;overflow:auto;-webkit-overflow-scrolling:touch}table{width:100%;border-collapse:collapse;min-width:650px}th{text-align:left;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#8b95a5;padding:9px;border-bottom:1px solid var(--line)}td{padding:12px 9px;border-bottom:1px solid #eef1f5;font-size:13px}tr:last-child td{border-bottom:0}.tx-title{display:flex;align-items:center;gap:9px}.tx-title>span{width:34px;height:34px;border-radius:11px;background:#f2f5fa;display:grid;place-items:center;flex:0 0 auto}.tx-title b,.tx-title small{display:block}.mobile-tx-list{display:none}.bar-chart{height:270px;display:flex;align-items:end;gap:9px;padding-top:18px;overflow-x:auto}.bar-col{height:100%;min-width:34px;flex:1;display:flex;flex-direction:column;justify-content:end;align-items:center;gap:5px}.bars{height:220px;width:100%;display:flex;align-items:end;justify-content:center;gap:3px}.bars i{width:28%;min-height:2px;border-radius:5px 5px 2px 2px}.bars .income{background:#2fb27c}.bars .expense{background:#f06a7d}.bar-col span{font-size:9px;color:var(--muted)}.insight{background:linear-gradient(145deg,#f8faff,#eef4ff)}.insight pre{background:#172033;color:#eaf0ff;padding:14px;border-radius:12px;overflow:auto}.danger-zone{border-color:#ffd7dd}.empty-page{text-align:center;padding:90px 20px}.empty-page strong{font-size:68px;color:#cdd5e2}
.notes-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.note-card{border:1px solid var(--line);border-radius:17px;padding:15px;background:#fff;min-width:0}.note-card.pinned{background:#fffcf3;border-color:#f1dfad}.note-card header{display:flex;align-items:center;gap:9px}.note-card header span{width:30px;height:30px;border-radius:10px;background:#f5f7fa;display:grid;place-items:center}.note-card h3{font-size:14px;margin:0}.note-card p{white-space:pre-wrap;word-break:break-word;min-height:54px}.note-card footer{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:14px}.note-card footer small{color:var(--muted)}.category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.category-chip{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:15px;padding:12px;min-width:0}.category-chip>span{width:34px;height:34px;border-radius:11px;background:#f2f5fa;display:grid;place-items:center;flex:0 0 auto}.category-chip b,.category-chip small{display:block}.category-chip small{font-size:10px;color:var(--muted)}
.modal{position:fixed;inset:0;background:rgba(18,27,45,.42);display:none;align-items:center;justify-content:center;padding:20px;z-index:120}.modal.open{display:flex}.modal-card{background:#fff;border-radius:23px;padding:20px;width:min(470px,100%);max-height:min(720px,90vh);overflow:auto;box-shadow:var(--shadow-lg)}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}.modal-head h3{margin:0;font-size:20px}.modal-head p{margin:4px 0 0;color:var(--muted);font-size:12px}.modal-head button{border:0;background:#f2f4f8;width:34px;height:34px;border-radius:10px;font-size:20px;color:#536073}.sheet-handle{display:none}.quick-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-top:17px}.quick-choice{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:15px;padding:12px;background:#fbfcfe}.quick-choice>span{width:34px;height:34px;border-radius:11px;background:#eef3fb;display:grid;place-items:center;font-size:20px}.quick-choice b,.quick-choice small{display:block}.quick-choice b{font-size:13px}.quick-choice small{font-size:10px;color:var(--muted)}.expense-choice>span{background:#fff0f3;color:var(--bad)}.income-choice>span{background:#eafaf4;color:var(--good)}.mobile-nav{display:none}.mobile-delete{border:0;background:transparent;color:#a0a9b8;font-size:15px;line-height:1;padding:3px;margin-top:4px;cursor:pointer}
.auth-body{min-height:100vh;background:linear-gradient(135deg,#f9fbff,#edf4ff)}.auth-wrap{min-height:100vh;display:grid;grid-template-columns:1.15fr .85fr;max-width:1400px;margin:auto}.auth-hero{padding:7vw;display:flex;flex-direction:column;justify-content:center}.auth-hero h1{font-size:clamp(40px,5vw,70px);line-height:.99;letter-spacing:-.055em;margin:46px 0 22px}.auth-hero>p{font-size:17px;line-height:1.6;max-width:590px;color:var(--muted)}.hero-grid{display:grid;grid-template-columns:repeat(2,minmax(0,220px));gap:11px;margin-top:36px}.hero-grid>div{background:rgba(255,255,255,.78);border:1px solid #e0e9f7;border-radius:17px;padding:15px}.hero-grid b,.hero-grid span{display:block}.hero-grid b{margin-top:10px}.hero-grid span{font-size:11px;color:var(--muted);margin-top:3px}.auth-card{align-self:center;margin:26px;padding:32px;background:#fff;border:1px solid var(--line);border-radius:27px;box-shadow:0 30px 80px rgba(36,62,110,.12)}.auth-title h2{font-size:29px;margin:0}.auth-title p{color:var(--muted)}.auth-switch{text-align:center;color:var(--muted);font-size:12px}.auth-switch a{color:var(--primary);font-weight:850}
@media(max-width:1180px){:root{--sidebar:220px}.smart-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid,.report-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.account-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.budget-grid,.goal-grid,.notes-grid,.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.log-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-hero{grid-template-columns:minmax(0,1fr) auto}.hero-net{grid-column:1/-1;text-align:left;display:flex;align-items:center;gap:10px;border-top:1px solid rgba(255,255,255,.2);padding-top:12px}.hero-net span,.hero-net b,.hero-net small{display:inline-block;margin:0}}
@media(max-width:860px){body{padding-bottom:calc(88px + env(safe-area-inset-bottom))}.log-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quit-hero{grid-template-columns:repeat(2,minmax(0,1fr))}.quit-hero>div:last-child{grid-column:1/-1}.app-shell{display:block}.sidebar{position:fixed;left:0;top:0;width:min(300px,86vw);height:100vh;height:100dvh;transform:translateX(-105%);transition:transform .22s ease;box-shadow:24px 0 60px rgba(15,25,45,.18);z-index:100}.sidebar.open{transform:translateX(0)}.sidebar-close{display:grid;place-items:center}.sidebar-backdrop{display:block;position:fixed;inset:0;border:0;background:rgba(17,25,40,.32);opacity:0;visibility:hidden;transition:.2s;z-index:90}.sidebar.open~.sidebar-backdrop{opacity:1;visibility:visible}.menu-btn{display:grid;place-items:center}.topbar{min-height:76px;padding:12px 15px;gap:11px}.topbar h1{font-size:20px}.eyebrow{display:none}.content{padding:16px 14px 28px}.page-grid{grid-template-columns:1fr}.dashboard-grid,.report-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.span2{grid-column:span 2}.quick-links-card{grid-template-columns:repeat(6,minmax(86px,1fr));overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.quick-links-card::-webkit-scrollbar{display:none}.quick-links-card a{min-width:86px}.mobile-nav{display:flex;position:fixed;left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom));height:68px;background:rgba(255,255,255,.97);border:1px solid rgba(218,226,238,.95);border-radius:21px;box-shadow:0 18px 55px rgba(18,30,52,.18);z-index:70;align-items:center;justify-content:space-around;padding:6px 8px}.mobile-nav a{min-width:54px;display:grid;place-items:center;color:#738096;font-size:9px;font-weight:750;line-height:1.1}.mobile-nav a.active{color:var(--primary)}.m-icon{font-size:18px;line-height:1;margin-bottom:4px}.mobile-add{width:50px;height:50px;border-radius:17px;border:0;background:linear-gradient(145deg,#3973f2,#2859d8);color:#fff;font-size:28px;box-shadow:0 10px 24px rgba(49,103,234,.28)}.auth-wrap{grid-template-columns:1fr}.auth-hero{display:none}.auth-card{width:min(520px,calc(100% - 28px));margin:auto}.hide-mobile{display:none}}
@media(max-width:620px){:root{--radius:18px}.topbar{min-height:68px;padding:10px 12px}.menu-btn{width:40px;height:40px;border-radius:12px}.topbar h1{font-size:18px;max-width:42vw}.quick-top{min-width:40px;min-height:40px;padding:0 10px;border-radius:12px}.quick-label{display:none}.quick-top .plus{font-size:20px}.content{padding:12px 10px 22px}.flash{font-size:12px;margin-bottom:10px}.dashboard-hero{padding:18px;border-radius:20px;grid-template-columns:minmax(0,1fr) 68px;gap:13px;margin-bottom:10px}.dashboard-hero:after{width:190px;height:190px;right:-100px;top:-110px}.hero-money strong{font-size:29px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero-money span,.hero-money small{font-size:10px}.health-score{width:66px;height:66px}.health-score b{font-size:20px}.health-score span{font-size:8px}.hero-net{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;align-items:end;gap:2px 10px;padding-top:10px}.hero-net span{font-size:9px}.hero-net b{font-size:18px}.hero-net small{grid-column:1/-1;font-size:9px}.smart-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:10px}.smart-strip article{border-radius:14px;padding:12px;min-height:82px}.smart-strip b{font-size:16px;white-space:normal;line-height:1.1}.smart-strip span,.smart-strip small{font-size:9px}.quick-links-card{margin:0 -10px 10px;padding:0 10px 2px;gap:7px}.quick-links-card a{min-height:67px;border-radius:14px}.qicon{width:29px;height:29px;border-radius:10px}.dashboard-grid,.report-grid{grid-template-columns:1fr;gap:10px}.span2{grid-column:auto}.card{padding:15px;border-radius:17px;box-shadow:0 6px 22px rgba(27,47,83,.055)}.card-head{margin-bottom:12px}.card-head h2,.card h2{font-size:16px}.card-head p,.card p{font-size:11px}.card-head a{font-size:11px}.account-section{padding-right:0}.account-section .card-head{padding-right:15px}.account-scroll{display:flex;overflow-x:auto;gap:8px;padding:0 15px 3px 0;scroll-snap-type:x proximity;scrollbar-width:none}.account-scroll::-webkit-scrollbar{display:none}.account-pill{min-width:min(82vw,310px);scroll-snap-align:start;grid-template-columns:1fr;padding:14px}.account-pill strong{font-size:18px}.mini-bar{grid-column:auto}.cashflow-row{font-size:12px}.rank-list strong{font-size:11px}.progress-row>div:first-child{font-size:11px}.recent-item{padding:10px 0}.recent-info small{max-width:58vw}.smoke-stats{gap:5px}.smoke-stats>div{padding:10px 5px}.page-grid{gap:10px;margin-bottom:10px}.form-grid{grid-template-columns:1fr;gap:11px}.form-grid .span2{grid-column:auto}.account-cards,.budget-grid,.goal-grid,.quit-hero,.log-grid,.notes-grid,.category-grid{grid-template-columns:1fr;gap:9px}.account-cards{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-right:-10px;padding-right:10px}.account-cards::-webkit-scrollbar{display:none}.account-card{min-width:min(82vw,310px);scroll-snap-align:start}.quit-hero>div:last-child{grid-column:auto}.debt-list article{align-items:flex-start;flex-wrap:wrap}.debt-amount{text-align:left;min-width:0}.debt-list article>.grow{min-width:calc(100% - 90px)}.debt-list article form{margin-left:auto}.inline-form{width:100%;flex-wrap:wrap}.inline-form input{min-width:130px;flex:1}.table-wrap{display:none}.mobile-tx-list{display:grid;gap:8px}.mobile-tx-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:9px;align-items:center;padding:11px;border:1px solid var(--line);border-radius:14px;background:#fff}.mobile-tx-item>.tx-bubble{width:34px;height:34px}.mobile-tx-body{min-width:0}.mobile-tx-body b,.mobile-tx-body small{display:block}.mobile-tx-body b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-tx-body small{font-size:9px;color:var(--muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-tx-side{text-align:right}.mobile-tx-side strong,.mobile-tx-side small{display:block}.mobile-tx-side strong{font-size:11px}.mobile-tx-side small{font-size:9px;color:var(--muted);margin-top:3px}.bar-chart{height:230px}.bars{height:180px}.note-card p{min-height:0}.note-card footer{align-items:flex-end}.modal{align-items:flex-end;padding:0}.modal-card{width:100%;border-radius:24px 24px 0 0;padding:12px 14px calc(18px + env(safe-area-inset-bottom));max-height:82dvh}.sheet-handle{display:block;width:42px;height:5px;border-radius:999px;background:#d7dee9;margin:0 auto 12px}.quick-grid{grid-template-columns:1fr 1fr;gap:8px}.quick-choice{padding:10px}.quick-choice b{font-size:12px}.auth-card{width:calc(100% - 20px);padding:23px 18px;border-radius:22px}.auth-title h2{font-size:24px}.mobile-nav{left:9px;right:9px;height:66px;border-radius:20px}.mobile-nav a{min-width:48px}.mobile-add{width:48px;height:48px}}
@media(max-width:390px){.topbar h1{max-width:39vw;font-size:17px}.content{padding-left:8px;padding-right:8px}.dashboard-hero{padding:16px}.hero-money strong{font-size:26px}.smart-strip{gap:6px}.smart-strip article{padding:10px}.quick-links-card{margin-left:-8px;margin-right:-8px;padding-left:8px;padding-right:8px}.card{padding:14px}.mobile-nav{left:7px;right:7px}.mobile-nav a{min-width:44px;font-size:8px}.m-icon{font-size:17px}.quick-grid{grid-template-columns:1fr}}

/* v1.4 — sade işlem girişi + değişken fatura takibi */
.flash.warning{background:#fff8e8;border-color:#f4d48d;color:#825600}
.simple-entry-grid{grid-template-columns:minmax(0,1.25fr) minmax(270px,.75fr)}
.quick-entry-card{overflow:hidden}.simple-transaction-form{display:grid;gap:14px;max-width:760px}.simple-transaction-form>label{font-weight:760;color:#334155}.field-help{display:block;color:var(--muted);font-size:10px;font-weight:600;margin-top:6px}.type-switch{display:grid;grid-template-columns:1fr 1fr;gap:8px}.type-switch label{cursor:pointer}.type-switch input{position:absolute;opacity:0;pointer-events:none}.type-switch span{display:grid;place-items:center;min-height:46px;border:1px solid var(--line);border-radius:14px;background:#f8fafc;font-size:13px;font-weight:850;color:#68758a;transition:.15s}.type-switch input:checked+span{background:#eef4ff;border-color:#9bb9ff;color:#245bd9;box-shadow:inset 0 0 0 1px #9bb9ff}.type-switch label:first-child input:checked+span{background:#fff0f2;border-color:#ffc2cb;color:#c33349}.money-input{display:flex;align-items:center;border:1px solid var(--line);background:#fff;border-radius:13px;overflow:hidden;min-height:46px}.money-input:focus-within{border-color:#87aaf8;box-shadow:0 0 0 3px rgba(49,103,234,.10)}.money-input>span{padding:0 0 0 13px;color:#6b778a;font-weight:850}.money-input input{border:0!important;box-shadow:none!important;background:transparent!important;min-width:0;padding-left:7px!important;font-size:17px;font-weight:850}.amount-field .money-input input{font-size:24px}.advanced-fields{border:1px dashed #d6deeb;border-radius:14px;background:#fbfcff;overflow:hidden}.advanced-fields summary{cursor:pointer;list-style:none;padding:13px 14px;font-size:12px;font-weight:850;color:#526077;display:flex;align-items:center;justify-content:space-between}.advanced-fields summary::-webkit-details-marker{display:none}.advanced-fields summary:after{content:'＋';font-size:16px}.advanced-fields[open] summary:after{content:'−'}.advanced-fields summary span{font-size:9px;font-weight:700;color:#9aa4b4;margin-left:auto;margin-right:8px}.advanced-grid{padding:0 13px 13px}.big-save{min-height:50px;font-size:14px}.template-strip{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none;margin:-2px 0 14px;padding-bottom:2px}.template-strip::-webkit-scrollbar{display:none}.template-chip{flex:0 0 auto;max-width:180px;border:1px solid #dfe6f1;background:#fff;border-radius:999px;padding:8px 11px;display:flex;align-items:center;gap:7px;color:#455268;cursor:pointer}.template-chip:hover{border-color:#9db9f4;background:#f7faff}.template-chip span{font-size:14px}.template-chip b{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compact-filter-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}

.bill-explainer{background:linear-gradient(135deg,#eef5ff,#f7faff);border:1px solid #d7e5ff;border-radius:20px;padding:16px 18px;margin-bottom:12px}.bill-explainer>div{display:flex;gap:12px;align-items:flex-start}.bill-explainer-icon{width:40px;height:40px;flex:0 0 40px;border-radius:13px;background:#fff;color:#3167e6;display:grid;place-items:center;font-size:21px;box-shadow:0 5px 16px rgba(50,97,196,.10)}.bill-explainer b{display:block;font-size:13px;color:#25324a}.bill-explainer p{font-size:11px;line-height:1.55;margin:5px 0 0;color:#6a7890}.bill-top-grid{grid-template-columns:minmax(0,1.25fr) minmax(270px,.75fr)}.simple-bill-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.simple-bill-form>label{font-weight:760}.bill-month-summary{display:flex;flex-direction:column;gap:9px}.summary-number{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid #edf1f7}.summary-number span{font-size:11px;color:var(--muted)}.summary-number b{font-size:15px}.summary-number.strong{border:0;background:#f7f9fd;border-radius:13px;padding:11px}.bill-month-summary>small{font-size:10px;line-height:1.45;color:var(--muted)}.bill-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.bill-card{border:1px solid var(--line);border-radius:17px;padding:14px;background:#fff;box-shadow:0 5px 18px rgba(24,44,78,.035)}.bill-card.bill-alert{border-color:#f1c9a8;background:linear-gradient(180deg,#fffaf5,#fff)}.bill-card-head{display:flex;align-items:center;gap:9px}.bill-icon{width:38px;height:38px;border-radius:12px;background:#f1f5fb;display:grid;place-items:center;font-size:18px}.bill-card-head h3{font-size:13px;margin:0}.bill-card-head small{display:block;font-size:9px;color:var(--muted);margin-top:3px}.status-dot{font-size:9px;font-weight:850;border-radius:999px;padding:5px 8px}.status-dot.on{background:#eaf9f2;color:#19845c}.status-dot.off{background:#f2f4f7;color:#7c8798}.bill-baseline{display:flex;align-items:baseline;gap:7px;margin:14px 0 8px;padding:10px 11px;border-radius:12px;background:#f8fafc}.bill-baseline span{font-size:10px;color:var(--muted)}.bill-baseline strong{font-size:15px}.text-action{margin-left:auto;border:0;background:transparent;color:var(--primary);font-size:10px;font-weight:850;cursor:pointer}.last-bill{display:flex;justify-content:space-between;gap:8px;padding:8px 10px;border-radius:11px;background:#f7f9fd;font-size:10px;color:#59677d;margin-bottom:9px}.last-bill small{font-size:9px;color:#8490a2;text-align:right}.last-bill.alert{background:#fff3e8;color:#9a571c}.bill-pay-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(125px,.7fr) auto;gap:7px;align-items:end}.bill-pay-form label{font-size:10px;font-weight:750}.bill-pay-form input{min-width:0}.bill-pay-form .money-input input{font-size:14px}.bill-pay-form .btn{height:46px;white-space:nowrap}.baseline-edit{display:flex;align-items:end;gap:7px;padding:10px;margin-top:8px;background:#f6f8fc;border-radius:12px}.baseline-edit label{flex:1;font-size:10px;font-weight:750}.bill-actions{display:flex;justify-content:flex-end;gap:6px;margin-top:9px;padding-top:8px;border-top:1px solid #eef2f7}.danger-text{color:#b64755!important}.bill-history-list{display:grid;gap:7px}.history-row{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(260px,auto);align-items:center;gap:9px;padding:10px;border:1px solid #edf1f6;border-radius:13px}.history-row.alert{border-color:#f4d3b6;background:#fffaf5}.history-row>div.grow b,.history-row>div.grow small{display:block}.history-row>div.grow b{font-size:11px}.history-row>div.grow small{font-size:9px;color:var(--muted);margin-top:2px}.history-values{display:flex;align-items:center;gap:14px;text-align:right}.history-values span,.history-values strong{font-size:10px}.history-values span{color:var(--muted)}.history-values span b{color:#2d3a50}.bill-dashboard-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.bill-dashboard-summary>div{background:#f7f9fd;border-radius:12px;padding:10px}.bill-dashboard-summary span,.bill-dashboard-summary b{display:block}.bill-dashboard-summary span{font-size:9px;color:var(--muted)}.bill-dashboard-summary b{font-size:12px;margin-top:4px}.bill-watch-card.has-alert{border-color:#f0d3b6}.bill-alert-mini{margin-top:10px;padding-top:9px;border-top:1px solid #edf1f6}.bill-alert-mini>b{font-size:10px;color:#915215}.bill-alert-mini a{display:flex;justify-content:space-between;gap:8px;font-size:10px;padding:7px 0;border-bottom:1px solid #f2f4f7}.all-good{margin-top:10px;padding:9px;border-radius:11px;background:#eff9f5;color:#28745a;font-size:10px;font-weight:750}

@media(max-width:980px){.simple-entry-grid,.bill-top-grid{grid-template-columns:1fr}.bill-list{grid-template-columns:1fr}.filter-card{order:2}}
@media(max-width:620px){.simple-entry-grid,.bill-top-grid{gap:9px}.quick-entry-card .card-head{align-items:flex-start}.quick-entry-card .card-head a{white-space:nowrap}.simple-transaction-form{gap:11px}.type-switch span{min-height:43px}.amount-field .money-input input{font-size:21px}.advanced-fields summary{padding:12px}.template-strip{margin-right:-14px;padding-right:14px}.filter-card .compact-filter-row{grid-template-columns:1fr}.bill-explainer{padding:13px;border-radius:16px}.bill-explainer-icon{width:34px;height:34px;flex-basis:34px}.bill-explainer p{font-size:10px}.simple-bill-form{grid-template-columns:1fr;gap:10px}.simple-bill-form .span2{grid-column:auto}.bill-card{padding:12px;border-radius:15px}.bill-card-head{align-items:flex-start}.status-dot{margin-left:auto}.bill-pay-form{grid-template-columns:1fr 1fr}.bill-pay-form .btn{grid-column:1/-1;width:100%}.last-bill{display:grid;grid-template-columns:1fr}.last-bill small{text-align:left}.baseline-edit{display:grid;grid-template-columns:1fr}.bill-actions{justify-content:space-between}.history-row{grid-template-columns:auto minmax(0,1fr);align-items:start}.history-values{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:5px 10px;text-align:left;padding-left:43px}.history-values strong{grid-column:1/-1}.bill-dashboard-summary{gap:5px}.bill-dashboard-summary>div{padding:9px 7px}.bill-dashboard-summary b{font-size:11px}.bill-month-summary{order:-1}}
@media(max-width:390px){.bill-pay-form{grid-template-columns:1fr}.bill-pay-form .btn{grid-column:auto}.history-values{grid-template-columns:1fr;padding-left:0}.history-values strong{grid-column:auto}.bill-dashboard-summary{grid-template-columns:1fr 1fr}.bill-dashboard-summary>div:last-child{grid-column:1/-1}.template-chip{max-width:150px}}