@import "https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,700&family=Space+Grotesk:wght@400;500;700&display=swap";:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#162522;background:radial-gradient(circle at 0 0,#d7f3ea 0%,#f4efe2 40%,#eef6f4 100%);font-family:Space Grotesk,sans-serif;font-weight:400;line-height:1.45}*{box-sizing:border-box}body{min-height:100vh;margin:0}#root{min-height:100vh}h1,h2,h3{color:#0e2424;margin:0;font-family:Fraunces,serif}h2{margin-bottom:.8rem}p{margin:0}.app-shell{gap:1.2rem;width:min(1180px,100% - 2rem);margin:2rem auto 3rem;display:grid}.hero{color:#ebfffa;background:linear-gradient(120deg,#093637 0%,#44a08d 65%,#e6f7f4 100%);border-radius:24px;padding:2rem;animation:.65s rise;box-shadow:0 22px 35px #09363740}.eyebrow{text-transform:uppercase;letter-spacing:.08em;color:#cafbf2;margin:0 0 .7rem;font-weight:700}h1{margin:0;font-size:clamp(2rem,2.8vw,3rem);line-height:1.1}.hero-copy{max-width:72ch;margin-top:.85rem}.content-grid{grid-template-columns:2fr 1.2fr;gap:1rem;display:grid}.step-two-panel{grid-column:1/2}.side-tools-panel{grid-column:2/3;align-self:start}.side-tools-panel .actions{flex-wrap:wrap}.side-tools-panel textarea{min-height:96px}.panel{background:#fffef8;border:1px solid #cdd9d2;border-radius:20px;padding:1.2rem;box-shadow:0 8px 25px #17211c14}.wide{animation:.82s rise}.demo-showcase{background:linear-gradient(#fffef8 0%,#f1f8f5 100%)}.demo-surface{background:#f8fcfa;border:1px solid #cbddd5;border-radius:16px;margin-top:.6rem;padding:1rem}.demo-kpis{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.6rem;display:grid}.demo-upload-box{background:#eef8f4;border:1px dashed #86b9ab;border-radius:12px;margin-bottom:.85rem;padding:.8rem}.demo-upload-box p{color:#36554c;margin:.3rem 0 .6rem}.demo-upload-field{background:#fff;border:1px solid #c9ddd5;border-radius:10px;justify-content:space-between;align-items:center;gap:.6rem;padding:.6rem .7rem;display:flex}.demo-upload-field span{color:#415952;font-size:.92rem}.demo-upload-field button{color:#1f4e42;background:#dcebe6;padding:.55rem .8rem}.demo-kpis article{background:#fff;border:1px solid #d3e6de;border-radius:12px;padding:.75rem}.demo-kpis span{color:#4a5f58;font-size:.82rem;display:block}.demo-kpis strong{margin-top:.2rem;display:block}.demo-bottom{grid-template-columns:1fr 1fr;gap:.8rem;margin-top:.9rem;display:grid}.compact li{font-size:.93rem}.stack{gap:.8rem;display:grid}label{color:#1d2e2b;gap:.35rem;font-weight:600;display:grid}input,select,textarea{font:inherit;background:#fdfffd;border:1px solid #b8c6be;border-radius:12px;padding:.7rem .8rem}.actions{gap:.55rem;display:flex}button{color:#ebfffa;cursor:pointer;background:#093637;border:0;border-radius:12px;padding:.75rem 1rem;font-weight:700}button:disabled{opacity:.7;cursor:not-allowed}.ghost{color:#0f4c4e;background:#e9f1ed}.status{color:#0f4c4e;margin:.9rem 0}.mini-grid,.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.6rem;display:grid}.mini-grid article,.kpi-grid article{background:#f1f7f4;border-radius:12px;padding:.7rem}.mini-grid span,.kpi-grid span{color:#405a55;font-size:.85rem;display:block}.mini-grid strong,.kpi-grid strong{margin-top:.2rem;display:block}.roadmap{gap:.55rem;margin:.4rem 0 1rem;padding-left:1.1rem;display:grid}.chip{color:#ccfcf5;background:#103c3f;border-radius:999px;padding:.45rem .8rem;display:inline-block}.split{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.billing-strip{color:#d6fffa;background:#103c3f;border-radius:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.6rem;margin-top:.9rem;padding:.8rem;display:grid}.billing-strip strong{font-size:.95rem}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8rem;display:flex}.section-head h2{margin:0}.month-picker{align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;display:flex}.month-picker input{min-width:170px}.table-like{gap:.45rem;margin:0;padding:0;list-style:none;display:grid}.table-like li{border-bottom:1px dashed #ccdad4;justify-content:space-between;align-items:center;gap:.8rem;padding-bottom:.45rem;display:flex}.transaction-row{cursor:pointer;border-radius:10px;padding:.35rem .4rem .5rem;display:block!important}.transaction-row:hover{background:#f4faf7}.transaction-main{justify-content:space-between;align-items:center;gap:.8rem;display:flex}.transaction-meta{color:#4a6159;font-size:.85rem}.category-editor{background:#eff7f3;border:1px solid #cadcd4;border-radius:10px;gap:.45rem;padding:.55rem;display:grid}.delete-category-btn{color:#9f2334;cursor:pointer;background:0 0;border:1px solid #e8c0c6;border-radius:8px;flex-shrink:0;padding:.2rem .55rem;font-size:.8rem}.delete-category-btn:hover{background:#fdf0f2}.app-footer{text-align:center;color:#8a9a93;border-top:1px solid #e4ede9;margin-top:3rem;padding:1.2rem 0;font-size:.8rem}.negative{color:#9f2334}.positive{color:#1f8f5f}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (width<=920px){.content-grid,.split,.demo-bottom{grid-template-columns:1fr}.step-two-panel,.side-tools-panel{grid-column:auto}.app-shell{width:min(1180px,100% - 1rem);margin-top:1rem}.hero{padding:1.2rem}}