body{margin:0;font:16px Arial;color:#123c35;background:#f8f9f4}main{max-width:800px;margin:auto;min-height:100vh}header{background:#218064;color:#fff;padding:38px 40px}h1{margin:0;font-size:32px}header p{font-size:18px}nav{display:flex;border-bottom:1px solid #d5ddd4}button,label{border:1px solid #1e8064;border-radius:4px;padding:13px 17px;background:#fff;color:#176b57;font-size:16px;font-weight:bold;cursor:pointer}nav button{border:0;border-radius:0;background:none;padding:22px 28px}.active{border-bottom:2px solid #08735b}.primary{background:#218064;color:#fff}.tab{padding:26px 40px}.card,.empty,.total{background:#fff;border:1px solid #d8dfd7;border-radius:5px;padding:18px;margin:16px 0}.empty{border-style:dashed;text-align:center;padding:42px;color:#62736e}.row{display:flex;justify-content:space-between;gap:15px;padding:11px 0;border-bottom:1px dashed #d3ddd4}.muted{color:#62736e;font-size:14px}.total{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center}.total strong{font-size:28px}input,select{box-sizing:border-box;width:100%;padding:11px;border:1px solid #cbd7cf;border-radius:4px;font-size:16px}footer{display:flex;justify-content:center;gap:14px;padding:20px}dialog{border:0;border-radius:8px;width:min(500px,90%)}form{display:grid;gap:10px}@media(max-width:550px){header,.tab{padding-left:20px;padding-right:20px}}