:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:#f3eedf;background:#071f19;font-synthesis:none;color-scheme:dark}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 20% 0,#194d3b 0,transparent 48%),#071f19}main{max-width:1160px;margin:auto;padding:36px 28px 24px}h1{font-family:Georgia,serif;font-size:44px;letter-spacing:.03em;margin:8px 0}h2{font-family:Georgia,serif;font-weight:400;font-size:32px;margin:0}h3{font-size:19px;font-weight:600;margin:6px 0 10px}p,small{color:#b8c9bf;line-height:1.6}p{margin:8px 0 18px}small{font-size:12px;display:block}body>main>p{margin-bottom:28px}.tag,.eyebrow{font-size:10px;letter-spacing:.18em;color:#d5b771;font-weight:700}.hidden{display:none!important}.panel,.snapshot{background:#0c3028;border:1px solid #385548;border-radius:18px;padding:24px;margin:0 0 20px}.snapshot{background:linear-gradient(120deg,#164936,#0c3028);border-color:#76805b}.app-header,.section-heading,.page-bar{display:flex;justify-content:space-between;align-items:center;gap:16px}.app-header{border-top:1px solid #385548;padding-top:24px}.app-header p{margin:5px 0;overflow-wrap:anywhere}.main-nav{display:flex;gap:6px;padding:8px;background:#061e18;border:1px solid #385548;border-radius:14px;margin:22px 0 30px}.main-nav button{flex:1;background:transparent;color:#b8c9bf;padding:12px 8px}.main-nav button[aria-current=page]{background:#c6a567;color:#102d23}.page-bar{margin-bottom:24px}.page-bar p{margin:6px 0 0}input,select,button{font:inherit;border-radius:9px;padding:12px}input,select{background:#f8f6ed;color:#153b2d;border:1px solid #c3cfc5;width:100%;min-width:0}button{background:#cfb174;color:#102c22;border:1px solid transparent;cursor:pointer;font-weight:600;min-height:44px}button:hover{filter:brightness(1.1)}button:disabled{opacity:.5;cursor:default}button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #efd28d;outline-offset:3px}.quiet,.quick-actions button{background:transparent;color:#e6cf99;border:1px solid #7e805a}.text-button{background:transparent;padding:6px 0;color:#e4c98b;font-size:13px;white-space:nowrap}.badge{border:1px solid #68806a;border-radius:20px;padding:6px 10px;color:#d6dfd4;font-size:11px;white-space:nowrap}.metric-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr 1fr;gap:24px;margin:24px 0}.metric span,.budget-grid span{font-size:12px;color:#c6d4c8;display:block}.metric strong{display:block;font-size:27px;letter-spacing:-.03em;margin-top:10px;font-variant-numeric:tabular-nums}.metric.featured strong{color:#f0d59c;font-size:34px}.quick-actions{display:flex;gap:10px;margin:22px 0}.quick-actions button{flex:1;font-size:13px}.budget-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;padding:12px 0}.budget-grid strong,.totals strong{display:block;font-size:23px;color:#f0d59c;margin-top:8px;font-variant-numeric:tabular-nums}.dashboard-columns{display:grid;grid-template-columns:1fr 1.2fr;gap:20px}.dashboard-columns .panel{min-width:0}.record-list{list-style:none;padding:0;margin:0}.record-list li{display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid #2d4d3e;padding:16px 0}.record-list li>div{min-width:0}.record-list b{font-weight:500;overflow-wrap:anywhere}.record-list strong{font-size:14px;white-space:nowrap;font-variant-numeric:tabular-nums}.record-list small{margin-top:3px;text-transform:capitalize}.record-list .negative{color:#e7baaa}label{display:grid;gap:7px;font-size:13px;color:#cfdbcf}form{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;align-items:end}form button{align-self:end}#month-slot label{min-width:160px}#month-slot input{padding:9px 12px}#login{max-width:520px;margin:36px auto}#login-form,#otp-form{grid-template-columns:1fr}.view>h2,.view>h3{margin-bottom:18px}#entries{padding-left:18px}#entries li{padding:10px 0;line-height:1.8;overflow-wrap:anywhere}.remove-line{background:transparent;color:#e4c98b;border:1px solid #718063;font-size:12px;padding:5px 9px;min-height:34px;margin-left:8px}.totals{border-top:1px solid #385548;padding-top:18px}#message{min-height:24px;font-size:14px;margin:16px 0}#app[aria-busy=true]{opacity:.7}
@media(max-width:700px){main{padding:24px 16px}h1{font-size:36px}h2{font-size:28px}.panel,.snapshot{padding:20px 17px;border-radius:14px}.metric-grid{grid-template-columns:1fr 1fr;gap:22px 16px}.metric.featured strong{font-size:29px}.metric strong{font-size:25px}.dashboard-columns{grid-template-columns:1fr;gap:0}.budget-grid{grid-template-columns:repeat(2,1fr);gap:20px}.budget-grid>div:last-child{grid-column:1/-1;border-top:1px solid #385548;padding-top:15px}.quick-actions{flex-wrap:wrap}.quick-actions button{flex:1 1 130px}.main-nav{gap:0;padding:5px}.main-nav button{font-size:12px;padding:11px 5px}.page-bar{align-items:start;flex-wrap:wrap}.page-bar>div:first-child{flex:1 1 180px}.section-heading{gap:10px}.section-heading h3{font-size:18px}.record-list strong{font-size:13px}.app-header{gap:10px}.app-header p{font-size:13px}.badge{font-size:10px;padding:5px 8px}form{grid-template-columns:1fr}#month-slot label{min-width:140px}.text-button{font-size:12px}}


.checking-card{border-color:#9a8652;background:linear-gradient(135deg,#154935,#092b23);margin-bottom:24px}.checking-card h3{font-family:Georgia,serif;font-size:27px;font-weight:400}.checking-available{text-align:right}.checking-available strong{display:block;font-size:26px;color:#f2dfae;margin-top:7px;font-variant-numeric:tabular-nums}.checking-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:30px;align-items:center}.checking-layout svg{width:100%;height:auto;overflow:visible;display:block}.checking-layout svg text{fill:#e8ddba;font-size:17px;font-weight:600}.checking-thresholds{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #60714b;border-radius:12px;overflow:hidden}.checking-thresholds>div{text-align:center;padding:14px 5px}.checking-thresholds>div+div{border-left:1px solid #60714b}.checking-thresholds span{display:block;text-transform:uppercase;font-size:10px;letter-spacing:.1em;color:#b8c9bf}.checking-thresholds strong{display:block;margin-top:6px;color:#f2dfae;font-size:16px}.checking-status-box{padding:16px;border:1px solid #797a3d;border-radius:12px;background:#24402766;margin:16px 0}.checking-status-box>strong{color:#f1d57e}.checking-status-box[data-state=in-range]{border-color:#4c9366}.checking-status-box[data-state=in-range]>strong{color:#a5d4ac}.checking-status-box p{font-size:13px;margin:5px 0 0}.checking-explanation>small{font-size:11px;line-height:1.6}
@media(max-width:700px){.checking-layout{grid-template-columns:1fr;gap:0}.checking-card>.section-heading{align-items:start}.checking-card h3{font-size:23px}.checking-available strong{font-size:22px}.checking-available .eyebrow{font-size:8px;letter-spacing:.09em}.checking-card>.section-heading>div:first-child{max-width:58%}.checking-thresholds strong{font-size:14px}.checking-layout svg{margin:12px 0 0}.checking-status-box{margin:14px 0}.checking-layout svg text{font-size:18px}}