:root{--green:#155e3a;--bg:#f4f7f5;--ink:#15221b;--line:#dbe5de}*{box-sizing:border-box}body{margin:0;font:16px system-ui,sans-serif;color:var(--ink);background:var(--bg);padding-bottom:82px}header{height:58px;background:#fff;display:flex;align-items:center;gap:18px;padding:0 max(16px,calc((100% - 1000px)/2));border-bottom:1px solid var(--line)}header .brand{font-weight:800;color:var(--green);font-size:20px;margin-right:auto}a{color:var(--green);text-decoration:none}main{max-width:1000px;margin:auto;padding:20px 16px}.hero{background:var(--green);color:#fff;border-radius:18px;padding:18px}.period{display:flex;gap:8px}.period select,.period input{width:auto}.progress{height:10px;background:#ffffff55;border-radius:8px}.progress i{display:block;height:100%;background:#a7f3d0;border-radius:8px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:12px;margin:16px 0}.cards article,.panel,.expense{background:#fff;border:1px solid var(--line);border-radius:14px;padding:15px}.cards small,.expense small{display:block;color:#617168}.cards strong{font-size:18px;display:block;margin-top:6px}.paid strong,.paid{color:#087443}.pending strong{color:#b45309}.danger strong{color:#b42318}.panel{margin:16px 0}.bar{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line)}.list{display:grid;gap:10px}.expense{display:flex;justify-content:space-between;gap:12px}.expense h3{margin:0 0 5px;font-size:16px}.right{text-align:right}.right a{display:block;margin-top:6px;font-size:14px}em{font-style:normal;font-size:11px;color:#a16207;background:#fef3c7;padding:2px 5px;border-radius:8px}.paid{color:#087443}.partial,.pending{color:#b45309}form{display:grid;gap:12px;max-width:600px}label{display:grid;gap:5px;font-weight:600}input,select,textarea,button{font:inherit;padding:11px;border-radius:9px;border:1px solid #b8c7bd;background:#fff}textarea{min-height:80px}button,.button{background:var(--green);color:#fff;border:0;font-weight:700;cursor:pointer}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:10px}.filters{display:flex;max-width:none;margin:12px 0}.filters input{flex:1}.auth{max-width:420px;margin:10vh auto}.error{color:#b42318}.success{color:#087443}nav{position:fixed;bottom:0;inset-inline:0;background:#fff;border-top:1px solid var(--line);display:flex;justify-content:space-around;align-items:center;padding:10px 6px calc(10px + env(safe-area-inset-bottom));z-index:2}nav a{font-size:13px;text-align:center}.add{background:var(--green);color:#fff;border-radius:22px;padding:10px 13px;font-weight:bold}@media(max-width:480px){main{padding:14px}.filters{flex-wrap:wrap}.filters select{max-width:180px}.expense{align-items:flex-start}.right strong{font-size:14px}}