:root{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;color:#15213a;background:#f5f7fc}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0;border-radius:12px;padding:11px 16px;background:#294b95;color:#fff;font-weight:650}button:disabled{opacity:.5}button.secondary{background:#e8edf9;color:#294b95}button.danger{background:#fff1f1;color:#a52323}input,select,textarea{width:100%;border:1px solid #d7deeb;background:#fff;border-radius:12px;padding:12px;color:#15213a}textarea{min-height:90px;resize:vertical}.layout{max-width:1050px;margin:auto;padding:20px 18px 100px}.top{display:flex;justify-content:space-between;align-items:center;gap:12px}.top h1{font-size:25px;margin:4px 0}.eyebrow{color:#65738b;font-size:12px;font-weight:700;letter-spacing:1px}.tabs,.switch,.actions{display:flex;gap:8px;flex-wrap:wrap}.tabs{margin:22px 0}.tabs button,.switch button{background:#e9edf7;color:#31425e}.tabs .active,.switch .active{background:#294b95;color:white}.panel,.stat{background:#fff;border:1px solid #e4e9f3;border-radius:20px;padding:20px;margin-bottom:15px;box-shadow:0 6px 30px #1c356608}.statgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.stat span,.stat small{display:block;color:#67758a}.stat strong{display:block;font-size:25px;margin:10px 0}.stat:first-child{background:#244585;color:#fff}.stat:first-child span,.stat:first-child small{color:#e0e8fc}h2{font-size:19px;margin:0 0 12px}.muted{color:#66758c;font-size:14px}.item{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #eef1f6;padding:14px 0}.item small{display:block;color:#66758c;margin-top:4px}.item strong{font-size:15px}.amount{font-weight:800;white-space:nowrap}.income{color:#188358}.formgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.formgrid label{font-size:13px;font-weight:650;color:#53627a}.formgrid input,.formgrid select{margin-top:6px}.wide{grid-column:1/-1}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.alert{background:#fff0ee;color:#9c2b21;border-radius:12px;padding:12px;margin:12px 0}.success{background:#eaf8ef;color:#1d7042;border-radius:12px;padding:12px;margin:12px 0}.login{max-width:420px;margin:13vh auto;padding:20px}.login h1{font-size:32px}.login .panel{padding:26px}.login input{margin:14px 0}.login button{width:100%}.suggest{border:1px solid #dfe6f4;border-radius:14px;padding:14px;margin:10px 0}.suggest strong{font-size:22px}.bottom{display:none}.recording{background:#b82336}.pill{background:#edf2fc;color:#345189;border-radius:999px;padding:5px 10px;font-size:12px}.right{text-align:right}@media(max-width:650px){.layout{padding:15px 12px 105px}.statgrid{grid-template-columns:1fr 1fr}.stat:first-child{grid-column:1/-1}.stat{padding:15px}.stat strong{font-size:21px}.tabs{display:none}.bottom{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #e5e9f2;display:flex;justify-content:space-around;padding:10px 4px max(10px,env(safe-area-inset-bottom));z-index:10}.bottom button{padding:9px 7px;font-size:12px;background:transparent;color:#5b6a83}.bottom button.active{color:#244585;background:#e9eef9}.formgrid{grid-template-columns:1fr}.item{align-items:flex-start}.item .actions{justify-content:flex-end}.top h1{font-size:22px}}