*{box-sizing:border-box;font-family:Inter,system-ui,sans-serif}body{margin:0;background:#f6f7f5;color:#111}button{cursor:pointer;border:0;border-radius:12px;padding:12px 16px;font-weight:700}.card{background:#fff;border-radius:16px;padding:16px;box-shadow:0 2px 12px #0000000f;margin-bottom:12px}.input{width:100%;padding:12px;border:1px solid #ddd;border-radius:10px;margin:6px 0}.badge{display:inline-block;padding:4px 10px;border-radius:999px;background:#e8f5e9;color:#1b5e20;font-size:12px;font-weight:700}.bar{height:10px;background:#eee;border-radius:999px;overflow:hidden}.bar>div{height:100%;background:#ff6b00}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.tabs button{background:#eee;color:#111}.tabs button.active{background:#1a3c2a;color:#fff}