@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@500;700&display=swap";:root{font-family:Space Grotesk,Arial,sans-serif;color:#2d1d18;background:#d4ad78;font-synthesis:none}*{box-sizing:border-box}html,body,#root{min-height:100%}body{min-width:320px;margin:0;padding-bottom:96px;background:linear-gradient(rgba(67,39,28,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(67,39,28,.13) 1px,transparent 1px),#d4ad78;background-size:22px 22px}button{cursor:pointer;font:inherit;color:inherit}button svg{display:block}.page-shell{display:grid;min-height:calc(100dvh - 96px);padding:42px 18px;place-items:center}.app-window{position:relative;width:min(100%,1080px);border:4px solid #2d1d18;background:#f2dfb8;box-shadow:12px 12px #5b3525;overflow:hidden}.hero{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:26px 30px;border-bottom:4px solid #2d1d18;overflow:hidden}.hero-copy{position:relative;z-index:1}.hero-home{min-height:170px;background:linear-gradient(135deg,#d98966,#be7047)}.hero-transactions{min-height:170px;background:#d3d39d}.hero-wallet{min-height:170px;background:#5b3525;color:#f2dfb8}.hero-wallet .eyebrow,.hero-wallet .tagline{color:#f2dfb8}.eyebrow,footer p,.metric-card span,.panel-heading span,.panel-heading b,.dashboard p,.transaction-card small,.table-row small,.wallet-card small,.wallet-summary span{margin:0;font:500 11px/1.4 DM Mono,monospace;letter-spacing:1px}h1{margin:2px 0 0;font-size:clamp(42px,8vw,82px);letter-spacing:-7px;line-height:.95}.tagline{margin:10px 0 0;font:500 14px/1.5 DM Mono,monospace;max-width:530px}.header-balance{position:relative;z-index:1;display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px 10px;min-width:150px;padding:14px;border:3px solid #2d1d18;background:#f2dfb8;box-shadow:5px 5px #2d1d18;color:#2d1d18;text-align:left}.header-balance span{grid-column:1 / -1;font:700 10px DM Mono,monospace;text-transform:uppercase;letter-spacing:1px}.header-balance strong{font-size:17px;letter-spacing:-1px}.header-balance svg{width:19px;height:19px}.hero-icon-card{display:grid;width:70px;height:70px;place-items:center;flex:0 0 auto;border:3px solid #2d1d18;background:#f2dfb8;box-shadow:5px 5px #2d1d18}.hero-icon-card svg{width:34px;height:34px}.wallet-stack{position:relative;z-index:1;display:grid;gap:7px;min-width:92px}.wallet-stack span{padding:7px 9px;border:3px solid #2d1d18;background:#e5c792;color:#2d1d18;box-shadow:3px 3px #2d1d18;font:700 11px DM Mono,monospace}.wallet-stack span:nth-child(2){background:#d3d39d}.wallet-stack span:nth-child(3){background:#ffd2bf}.wallet-summary{display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px 10px;padding:16px;border:3px solid #2d1d18;background:#d3d39d;box-shadow:4px 4px #7b4d35}.wallet-summary span{grid-column:1 / -1}.wallet-summary strong{font-size:30px;letter-spacing:-2px}.wallet-summary button{display:grid;width:38px;height:38px;place-items:center;border:3px solid #2d1d18;background:#f2dfb8;box-shadow:2px 2px #2d1d18}.wallet-summary svg{width:19px;height:19px}.dashboard{padding:22px 30px;border-bottom:3px solid #2d1d18;background:#e9c98f}.stat-block{display:grid;grid-template-columns:1fr;gap:10px}.stat-block span{font:500 12px DM Mono,monospace;letter-spacing:.5px}.stat-block strong{font-size:clamp(30px,7vw,58px);letter-spacing:-3px}.progress-track{height:17px;border:3px solid #2d1d18;background:#f2dfb8}.progress-fill{height:100%;background:#be7047;transition:width .25s ease}.cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:22px 30px;border-bottom:3px solid #2d1d18}.metric-card,.panel,.transaction-card,.modal-card,.wallet-card{border:3px solid #2d1d18;background:#fff4d7;box-shadow:5px 5px #7b4d35}.metric-card{padding:16px}.metric-card strong{display:block;margin:6px 0 2px;font-size:clamp(24px,4vw,36px);letter-spacing:-2px}.metric-card small{font:500 12px DM Mono,monospace}.metric-card.income,.transaction-card.income,.table-row.income,.modal-card.income{background:#d3d39d}.metric-card.expense,.transaction-card.expense,.table-row.expense,.modal-card.expense{background:#ffd2bf}.metric-card.neutral{background:#e5c792}.split-panel{display:grid;grid-template-columns:.9fr 1.25fr;gap:16px;padding:22px 30px 28px}.split-panel .monthly-chart-panel{grid-column:2}.page-content{padding:22px 30px 28px;border-bottom:3px solid #2d1d18}.transaction-page{display:grid;grid-template-columns:.95fr 1.05fr;gap:16px}.wallet-page{display:grid;grid-template-columns:minmax(0,520px)}.panel{padding:16px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;padding-bottom:10px;border-bottom:3px solid #2d1d18}.panel-heading b,.panel-heading button,.month-heading button{padding:5px 8px;border:2px solid #2d1d18;background:#e9c98f;font:700 11px DM Mono,monospace}.range-select{padding:5px 24px 5px 8px;border:2px solid #2d1d18;border-radius:0;background:#e9c98f;color:#2d1d18;box-shadow:2px 2px #2d1d18;font:700 11px DM Mono,monospace;text-transform:uppercase}.month-picker{position:relative;display:grid;flex:1;cursor:pointer}.month-picker span{justify-self:center;padding:6px 10px;border:2px solid #2d1d18;background:#f2dfb8;box-shadow:2px 2px #2d1d18;font-size:14px;font-weight:700;text-transform:uppercase}.month-picker input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;opacity:0;cursor:pointer}.category-row{display:flex;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:2px dashed #7b4d35;font:700 14px DM Mono,monospace}.transaction-list{display:grid;gap:10px}.transaction-list.compact{gap:7px}.transaction-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px;box-shadow:3px 3px #7b4d35}.transaction-list.compact .transaction-card{gap:8px;padding:9px 10px;box-shadow:2px 2px #7b4d35}.transaction-card p{margin:0 0 4px;font-weight:700}.transaction-list.compact .transaction-card p{max-width:260px;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.transaction-card strong{white-space:nowrap;font:700 15px DM Mono,monospace}.transaction-list.compact .transaction-card strong{font-size:13px}.transaction-list.compact .transaction-card small{font-size:9px;letter-spacing:.2px}.pie-layout{display:grid;grid-template-columns:155px 1fr;align-items:center;gap:16px}.pie-chart{position:relative;display:grid;width:155px;height:155px;place-items:center;border:3px solid #2d1d18;border-radius:50%;box-shadow:4px 4px #7b4d35}.pie-chart:after{content:"";position:absolute;width:76px;height:76px;border:3px solid #2d1d18;border-radius:50%;background:#fff4d7}.pie-chart span{position:relative;z-index:1;max-width:72px;text-align:center;font:700 12px DM Mono,monospace;line-height:1.2}.pie-legend{display:grid;gap:8px}.pie-legend-row{display:grid;grid-template-columns:14px minmax(0,1fr) auto;align-items:center;gap:8px;padding-bottom:7px;border-bottom:2px dashed rgba(123,77,53,.55);font:700 12px DM Mono,monospace}.pie-legend-row i{width:14px;height:14px;border:2px solid #2d1d18;border-radius:50%}.pie-legend-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pie-legend-row strong{white-space:nowrap}.empty-state{padding:30px;border:3px dashed #5b3525;text-align:center}.empty-state.compact{padding:18px}.empty-state strong{font-size:26px}.empty-state p{margin:5px 0 0;font:500 12px DM Mono,monospace}.calendar-weekdays,.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px}.calendar-weekdays{margin-bottom:8px}.calendar-weekdays b{text-align:center;font:700 10px DM Mono,monospace}.calendar-day{min-height:72px;padding:8px 6px;border:2px solid #2d1d18;background:#f2dfb8;text-align:left;box-shadow:2px 2px #7b4d35}.calendar-day.blank{border-color:#2d1d182e;background:transparent;box-shadow:none}.calendar-day.selected{background:#be7047;color:#f2dfb8;transform:translate(2px,2px);box-shadow:none}.calendar-day.today{outline:3px solid #d98966;outline-offset:-5px}.calendar-day.has-items{background:#fff4d7}.calendar-day.has-items.selected{background:#be7047}.calendar-day strong{display:block;font:700 15px DM Mono,monospace}.calendar-day small{display:block;margin-top:8px;font:700 9px DM Mono,monospace}.day-markers{display:flex;gap:4px;min-height:11px;margin-top:4px}.dot{width:10px;height:10px;border:2px solid #2d1d18;border-radius:50%}.dot.income{background:#6f8b55}.dot.expense{background:#be7047}.transaction-table{display:grid;gap:10px}.table-row{display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:10px;width:100%;padding:13px;border:3px solid #2d1d18;box-shadow:3px 3px #7b4d35;text-align:left}.table-row>span{display:grid;width:28px;height:28px;place-items:center;border:2px solid #2d1d18;background:#f2dfb8;font-weight:700}.table-row strong{display:block;margin-bottom:2px}.table-row b{white-space:nowrap;font:700 13px DM Mono,monospace}.wallet-card{display:grid;gap:4px;margin-bottom:12px;padding:16px;background:#e5c792}.wallet-card span{font:700 12px DM Mono,monospace;letter-spacing:1px}.wallet-card strong{font-size:34px;letter-spacing:-2px}.wallet-hint{margin-top:14px;padding:14px;border:3px dashed #7b4d35;background:#fff4d7}.wallet-hint strong{font-size:20px}.wallet-hint p{margin:5px 0 0;font:500 12px DM Mono,monospace}.pin-shell{display:grid;min-height:100dvh;height:100dvh;padding:16px;place-items:center;overflow:hidden}.pin-card{width:min(100%,390px);max-height:calc(100dvh - 32px);padding:22px;border:4px solid #2d1d18;background:#f2dfb8;box-shadow:10px 10px #5b3525;text-align:center;overflow:hidden}.pin-icon{display:inline-grid;width:60px;height:60px;place-items:center;margin-bottom:8px;border:3px solid #2d1d18;background:#be7047;box-shadow:4px 4px #2d1d18}.pin-card h1{margin:0;letter-spacing:-4px}.pin-card .tagline{margin:8px auto 0}.pin-dots{display:flex;justify-content:center;gap:10px;margin:18px 0 8px}.pin-dots span{width:15px;height:15px;border:3px solid #2d1d18;border-radius:50%;background:#fff4d7}.pin-dots span.filled{background:#5b3525}.pin-status{min-height:18px;margin:0 0 14px;font:700 11px DM Mono,monospace;letter-spacing:.7px}.pin-pad{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.pin-pad button{display:grid;min-height:56px;place-items:center;border:3px solid #2d1d18;background:#e9c98f;box-shadow:3px 3px #2d1d18;font:700 22px DM Mono,monospace}.pin-pad button:disabled{opacity:.6}.pin-pad svg{width:23px;height:23px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:18px;background:#2d1d188c}.modal-card{width:min(100%,460px);padding:18px}.modal-card h2{margin:12px 0 16px;font-size:clamp(32px,8vw,52px);letter-spacing:-3px}.modal-card dl{display:grid;gap:10px;margin:0}.modal-card dl div{display:grid;grid-template-columns:90px 1fr;gap:12px;padding-bottom:8px;border-bottom:2px dashed #7b4d35}.modal-card dt{font:700 11px DM Mono,monospace;letter-spacing:1px}.modal-card dd{margin:0;word-break:break-word}.bottom-nav{position:fixed;left:50%;bottom:14px;z-index:10;display:grid;width:min(calc(100% - 28px),520px);grid-template-columns:repeat(3,1fr);gap:10px;padding:10px;border:4px solid #2d1d18;background:#be7047;box-shadow:6px 6px #5b3525;transform:translate(-50%)}.bottom-nav button{display:grid;justify-items:center;gap:4px;padding:8px 10px;border:3px solid #2d1d18;background:#e9c98f;box-shadow:3px 3px #2d1d18;color:#2d1d18;font:700 12px DM Mono,monospace}.bottom-nav button svg{width:22px;height:22px}.bottom-nav button span{font-size:11px;line-height:1}.bottom-nav button.active{background:#5b3525;color:#f2dfb8}button:hover{transform:translate(2px,2px);box-shadow:1px 1px #2d1d18}@media(max-width:780px){body{min-height:100dvh;padding-bottom:0;overflow-y:auto}.page-shell{min-height:100dvh;padding:0;place-items:stretch;overflow:visible}.app-window{display:block;min-height:100dvh;border:0;box-shadow:none;overflow:visible;padding-bottom:96px}.hero{height:142px;min-height:142px;padding:18px 16px}.hero-home,.hero-transactions,.hero-wallet{height:142px;min-height:142px}h1{font-size:clamp(38px,12vw,58px);letter-spacing:-5px}.tagline{font-size:12px;margin-top:8px}.header-balance{min-width:112px;padding:10px}.header-balance strong{font-size:12px}.header-balance span{font-size:8px}.hero-icon-card{width:54px;height:54px;box-shadow:3px 3px #2d1d18}.hero-icon-card svg{width:27px;height:27px}.wallet-stack{min-width:72px;gap:5px}.wallet-stack span{padding:5px 7px;font-size:9px}.wallet-summary strong{font-size:24px}.dashboard,.cards-grid,.split-panel,.page-content{padding-left:14px;padding-right:14px}.dashboard{padding-top:14px;padding-bottom:14px}.cards-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding-top:12px;padding-bottom:12px}.metric-card{padding:10px 8px;box-shadow:3px 3px #7b4d35}.metric-card span,.metric-card small{font-size:9px;letter-spacing:.2px}.metric-card strong{font-size:18px;letter-spacing:-1px}.split-panel,.transaction-page,.wallet-page{grid-template-columns:1fr;gap:10px;align-content:start;overflow:visible;padding-top:12px;padding-bottom:14px;border-bottom:0}.split-panel .monthly-chart-panel{grid-column:auto}.panel{padding:12px;box-shadow:3px 3px #7b4d35}.panel-heading{margin-bottom:10px;padding-bottom:8px}.range-select{max-width:132px;font-size:10px;padding:5px 18px 5px 7px}.transaction-card{align-items:flex-start;flex-direction:column;padding:10px}.transaction-list.compact .transaction-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center}.transaction-list.compact .transaction-card p{max-width:none}.pie-layout{grid-template-columns:118px 1fr;gap:12px}.pie-chart{width:118px;height:118px;box-shadow:3px 3px #7b4d35}.pie-chart:after{width:58px;height:58px}.pie-chart span{max-width:56px;font-size:9px}.pie-legend-row{grid-template-columns:12px minmax(0,1fr);gap:6px;font-size:10px}.pie-legend-row strong{grid-column:2;font-size:9px}.pie-legend-row i{width:12px;height:12px}.month-heading{gap:7px}.month-picker span{font-size:11px;padding-inline:6px}.calendar-weekdays,.calendar-grid{gap:5px}.calendar-day{min-height:49px;padding:5px 4px;box-shadow:1px 1px #7b4d35}.calendar-day strong{font-size:12px}.calendar-day small{margin-top:3px;font-size:7px}.day-markers{min-height:8px;gap:3px;margin-top:2px}.dot{width:8px;height:8px;border-width:1.5px}.table-row{grid-template-columns:28px 1fr;padding:10px}.table-row b{grid-column:2}.wallet-card{padding:13px;margin-bottom:10px}.wallet-hint{margin-top:10px;padding:12px}.bottom-nav{bottom:10px;width:calc(100% - 22px);padding:8px;gap:8px}.bottom-nav button{padding:7px 8px}.pin-shell{height:100dvh;min-height:100dvh;padding:12px;overflow:hidden}.pin-card{max-height:calc(100dvh - 24px);padding:18px;box-shadow:7px 7px #5b3525}.pin-icon{width:52px;height:52px}.pin-card h1{font-size:46px}.pin-pad{gap:8px}.pin-pad button{min-height:50px}}@media(max-width:380px),(max-height:720px){.hero-home,.hero-transactions,.hero-wallet{height:122px;min-height:122px}.tagline{display:none}.pin-icon{width:46px;height:46px}.pin-card{padding:14px}.pin-card h1{font-size:40px}.pin-dots{margin:12px 0 6px}.pin-pad button{min-height:44px}.calendar-day{min-height:43px}}