:root{--bg:#f5f5f7;--card:#fff;--text:#1d1d1f;--muted:#6e6e73;--line:#e5e5ea;--blue:#0071e3;--green:#1f9d55;--red:#d93025;--orange:#ff9500;--shadow:0 10px 30px rgba(0,0,0,.06)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text",Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button{border:0}.shell{max-width:1180px;margin:auto;padding:24px 20px 100px}.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.brand{font-weight:700;font-size:22px;letter-spacing:-.04em}.month{background:#fff;border:1px solid var(--line);border-radius:12px;padding:9px 12px;color:var(--text)}.hero{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin-bottom:22px}.eyebrow{color:var(--muted);font-size:14px}.balance{font-size:44px;line-height:1.05;font-weight:700;letter-spacing:-.055em;margin-top:5px}.hero-actions{display:flex;gap:8px}.primary{background:var(--blue);color:white;border-radius:14px;padding:12px 17px;font-weight:600;box-shadow:0 5px 16px rgba(0,113,227,.22)}.ghost{background:#fff;color:var(--text);border:1px solid var(--line);border-radius:14px;padding:12px 15px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.card{background:var(--card);border:1px solid rgba(0,0,0,.04);border-radius:22px;padding:18px;box-shadow:var(--shadow)}.label{font-size:13px;color:var(--muted)}.value{font-size:25px;font-weight:700;letter-spacing:-.035em;margin-top:8px}.delta{font-size:13px;margin-top:7px}.positive{color:var(--green)}.negative{color:var(--red)}.section{margin-top:22px}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.section h2{font-size:20px;letter-spacing:-.025em;margin:0}.panel{background:#fff;border-radius:22px;border:1px solid rgba(0,0,0,.04);box-shadow:var(--shadow);overflow:hidden}.bars{display:flex;align-items:flex-end;gap:12px;height:190px;padding:22px 20px 10px}.barcol{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:8px}.bar{width:100%;max-width:58px;border-radius:10px 10px 4px 4px;background:#d2d2d7;min-height:4px}.bar.active{background:#1d1d1f}.barlabel{font-size:12px;color:var(--muted)}.cat-list{padding:4px 18px 12px}.cat{display:grid;grid-template-columns:1fr 70px 90px;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}.cat:last-child{border-bottom:0}.cat-name{font-size:14px}.track{height:7px;background:#eeeef0;border-radius:99px;overflow:hidden}.fill{height:100%;background:#1d1d1f;border-radius:99px}.cat-amount{text-align:right;font-size:14px;font-weight:600}.quick{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.quick button{background:#f5f5f7;border-radius:16px;padding:16px;text-align:left}.quick strong{display:block;font-size:15px}.quick span{color:var(--muted);font-size:12px}.bottom{position:fixed;bottom:0;left:0;right:0;background:rgba(255,255,255,.9);backdrop-filter:blur(18px);border-top:1px solid var(--line);padding:8px max(12px,env(safe-area-inset-left)) calc(8px + env(safe-area-inset-bottom));display:flex;justify-content:center;z-index:20}.nav{display:flex;max-width:600px;width:100%;justify-content:space-around}.nav button{background:none;color:var(--muted);padding:5px 12px;font-size:11px}.nav button.active{color:var(--text);font-weight:700}.nav i{display:block;font-style:normal;font-size:20px;margin-bottom:2px}.modal-bg{position:fixed;inset:0;background:rgba(0,0,0,.35);backdrop-filter:blur(8px);display:flex;align-items:flex-end;justify-content:center;z-index:50}.sheet{background:#fff;width:min(620px,100%);border-radius:28px 28px 0 0;padding:18px 18px calc(24px + env(safe-area-inset-bottom));max-height:90vh;overflow:auto}.handle{width:40px;height:5px;background:#d1d1d6;border-radius:9px;margin:0 auto 18px}.row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.field{margin:9px 0}.field label{display:block;color:var(--muted);font-size:12px;margin:0 0 6px}.field input,.field select{width:100%;background:#f5f5f7;border:1px solid #e5e5ea;border-radius:13px;padding:12px}.type-switch{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.type-switch button{padding:11px;border-radius:12px;background:#f5f5f7}.type-switch button.sel{background:#1d1d1f;color:#fff}.sheet-actions{display:flex;gap:8px;margin-top:14px}.sheet-actions>*{flex:1}.table{padding:4px 18px}.op{display:grid;grid-template-columns:48px 1fr auto;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}.op:last-child{border:0}.datebox{font-size:11px;color:var(--muted);text-align:center}.datebox b{display:block;font-size:17px;color:var(--text)}.op-title{font-size:14px;font-weight:600}.op-sub{font-size:12px;color:var(--muted);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.op-sum{font-weight:700;font-size:14px}.search{padding:14px 18px;border-bottom:1px solid var(--line)}.search input{width:100%;border:0;background:#f5f5f7;border-radius:12px;padding:11px 13px;outline:0}.empty{padding:30px;text-align:center;color:var(--muted)}.settings{display:grid;gap:10px}.setting{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid var(--line)}.setting:last-child{border:0}.small{font-size:12px;color:var(--muted)}@media(max-width:760px){.shell{padding:16px 14px 96px}.top{margin-bottom:18px}.hero{display:block}.hero-actions{margin-top:14px}.hero-actions button{flex:1}.balance{font-size:38px}.grid{grid-template-columns:1fr 1fr}.grid .card{padding:15px}.value{font-size:22px}.quick{grid-template-columns:1fr}.cat{grid-template-columns:1fr 78px}.cat .track{grid-column:1/-1;order:3}.cat-amount{grid-column:2;grid-row:1}.panel{border-radius:18px}.section h2{font-size:18px}.row{grid-template-columns:1fr}.bottom{display:block}}