:root{--ink:#0b0c0d;--ink-2:#17191b;--paper:#f7f5f0;--white:#fff;--line:#e7e3da;--muted:#767671;--bronze:#b59672;--bronze-soft:#e7ded0;--blue:#2d5fc4;--green:#0d8b5b;--red:#bd3335;--radius:24px;--mono:"DM Mono",monospace;--sans:"Manrope",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans)}.app-shell{max-width:1440px;margin:0 auto;padding:0 32px 48px}.topbar{height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #26282b;color:var(--white);background:var(--ink);margin:0 -32px;padding:0 32px}.brand-wrap{display:flex;align-items:center;gap:14px;font:600 12px var(--mono);letter-spacing:.12em}.logo{height:45px;width:184px;object-fit:cover;object-position:center}.brand-divider{width:1px;height:22px;background:#55585c}.header-actions{display:flex;gap:18px;align-items:center}.refresh-label{color:#b5b7b8;font-size:12px}.period-pill{border:0;border-radius:999px;background:#222529;color:#fff;padding:11px 16px;font:500 12px var(--mono)}.hero{min-height:330px;background:var(--ink);color:var(--white);margin:0 -32px;padding:72px calc((100% - 1376px)/2 + 32px);display:grid;grid-template-columns:1.4fr .8fr;gap:44px;align-items:end;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(181,150,114,.22);border-radius:50%;right:-120px;top:-250px}.hero-copy{position:relative;z-index:1;max-width:720px}.eyebrow{margin:0 0 10px;color:var(--bronze);font:600 11px var(--mono);letter-spacing:.12em}.hero h1{margin:0;max-width:680px;font-size:clamp(38px,5vw,68px);font-weight:400;letter-spacing:-.065em;line-height:1.02}.hero-copy>p:not(.eyebrow){margin:22px 0 0;color:#c8c8c5;max-width:540px;font-size:16px;line-height:1.6}.hero-balance{position:relative;z-index:1;background:var(--ink-2);border:1px solid #373a3d;border-radius:var(--radius);padding:30px}.hero-balance span{display:block;color:#b6b8b8;font-size:13px}.hero-balance strong{display:block;margin:12px 0 7px;font:500 clamp(28px,3vw,40px) var(--mono);letter-spacing:-.07em}.hero-balance small{color:var(--bronze)}.section-nav{display:flex;gap:26px;align-items:center;height:74px;border-bottom:1px solid var(--line);overflow:auto}.section-nav a{color:#555853;text-decoration:none;white-space:nowrap;font-size:13px;font-weight:600}.section-nav a.active{color:var(--ink);position:relative}.section-nav a.active:after{content:"";position:absolute;height:2px;left:0;right:0;bottom:-28px;background:var(--bronze)}.section{padding:44px 0}.cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.metric-card,.panel{background:var(--white);border:1px solid var(--line);border-radius:var(--radius)}.metric-card{padding:24px;min-height:148px;display:flex;flex-direction:column;justify-content:space-between}.metric-card span{color:#5f615e;font-size:13px}.metric-card strong{font:500 25px var(--mono);letter-spacing:-.06em}.metric-card small{font-size:12px;color:var(--muted)}.result-card strong.negative{color:var(--red)}.result-card strong.positive{color:var(--green)}.attention-card{background:#fffbf4}.attention-card strong{color:#9a671d}.split-grid{display:grid;grid-template-columns:1.55fr .85fr;gap:18px}.panel{padding:30px}.panel-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:25px}.panel h2{margin:0;font-size:22px;font-weight:500;letter-spacing:-.04em}.muted{color:var(--muted);font-size:12px}.bar-chart{height:244px;display:flex;align-items:flex-end;gap:12px;padding:0 2px;border-bottom:1px solid var(--line)}.month-group{height:100%;display:flex;flex:1;min-width:42px;flex-direction:column;justify-content:flex-end;align-items:center;gap:7px}.bars{height:188px;width:100%;display:flex;align-items:flex-end;justify-content:center;gap:5px}.bar{width:34%;min-width:7px;border-radius:7px 7px 1px 1px;transition:height .5s ease}.bar.receipt{background:var(--blue)}.bar.expense{background:#b9b5ad}.month-label{font:10px var(--mono);color:#777}.chart-legend{display:flex;gap:20px;margin-top:18px;font-size:12px;color:#666}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:5px}.dot.receipt{background:var(--blue)}.dot.expense{background:#b9b5ad}.balance-panel{background:var(--ink);color:var(--white);border-color:var(--ink)}.balance-panel h2{font-size:23px}.balance-panel strong{display:block;margin:36px 0 8px;font:500 38px var(--mono);letter-spacing:-.07em}.balance-panel>p:not(.eyebrow){margin:0;color:#b6b7b6;line-height:1.55;font-size:13px}.balance-rule{height:1px;background:#34373a;margin:26px 0 16px}.balance-row{display:flex;justify-content:space-between;gap:16px;color:#c6c7c6;font-size:12px;padding:9px 0}.balance-row b{font:500 12px var(--mono);color:#fff}.dual-section{display:grid;grid-template-columns:.75fr 1.25fr;gap:68px;align-items:start;border-top:1px solid var(--line)}.section-heading h2{margin:0;font-size:36px;font-weight:400;letter-spacing:-.055em}.section-heading>p:not(.eyebrow){color:var(--muted);line-height:1.6;max-width:300px;font-size:14px}.category-list{display:grid;gap:16px}.category-item{display:grid;grid-template-columns:minmax(100px,1fr) minmax(70px,.65fr) 62px;gap:18px;align-items:center}.category-label{font-size:13px}.track{height:7px;border-radius:999px;background:#ece8df;overflow:hidden}.fill{height:100%;border-radius:inherit;background:var(--bronze)}.expenses .fill{background:#1c1f22}.category-value{font:500 12px var(--mono);text-align:right}.account-row,.recent-row,.pending-row{display:grid;align-items:center;border-top:1px solid var(--line);padding:15px 0}.account-row{grid-template-columns:1fr auto;gap:12px}.account-row:first-child,.recent-row:first-child,.pending-row:first-child{border-top:0}.account-name{font-size:13px}.account-note,.recent-date{color:var(--muted);font-size:11px;margin-top:3px}.account-balance{font:500 14px var(--mono)}.control-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.status-chip{color:#8a5f23;background:#fbf1df;border-radius:999px;padding:6px 10px;font:600 10px var(--mono)}.pending-row{grid-template-columns:1fr auto;gap:14px}.pending-title{font-size:13px;font-weight:600}.pending-action{font-size:11px;color:var(--muted);margin-top:5px}.pending-value{font:500 13px var(--mono);color:#a35d22}.recent-row{grid-template-columns:1fr auto;gap:12px}.recent-title{font-size:12px;font-weight:600}.recent-meta{font-size:11px;color:var(--muted);margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-value{font:500 12px var(--mono);text-align:right}.recent-value.in{color:var(--green)}.recent-value.out{color:var(--red)}footer{border-top:1px solid var(--line);padding-top:24px;color:var(--muted);font-size:11px}@media(max-width:900px){.hero{grid-template-columns:1fr;padding:48px 32px}.cards-grid{grid-template-columns:repeat(2,1fr)}.split-grid,.dual-section,.control-grid{grid-template-columns:1fr}.dual-section{gap:28px}.hero-balance{max-width:440px}}@media(max-width:600px){.app-shell{padding:0 16px 32px}.topbar{margin:0 -16px;padding:0 16px;height:70px}.logo{width:135px;height:34px}.brand-divider,.brand-wrap>span:last-child,.refresh-label{display:none}.hero{margin:0 -16px;padding:42px 16px}.hero h1{font-size:40px}.cards-grid{grid-template-columns:1fr}.section{padding:28px 0}.panel{padding:22px}.section-nav{gap:19px}.category-item{grid-template-columns:100px 1fr 66px;gap:10px}.bar-chart{gap:5px}.month-label{font-size:8px}.control-grid{gap:14px}}