*{box-sizing:border-box}body{margin:0;background:#f1f5f9;color:#0f172a;font-family:system-ui,-apple-system,Segoe UI,sans-serif}header{position:sticky;top:0;z-index:5;background:#0f172a;color:white;padding:14px 18px;display:flex;justify-content:space-between;align-items:center}.brand{font-weight:900;font-size:21px}.brand span{color:#60a5fa}.badge{font-size:11px;background:#1e293b;padding:7px 10px;border-radius:999px;font-weight:800}main{max-width:700px;margin:auto}.card{background:white;margin:14px 18px;padding:20px;border-radius:18px;box-shadow:0 8px 24px #0000000b}.card h1,.card h2{margin-top:0}.muted,.note{color:#64748b;font-size:13px}label{display:block;margin:12px 0;font-size:13px;font-weight:800;color:#334155}input{display:block;width:100%;margin-top:6px;padding:13px;border:1px solid #cbd5e1;border-radius:10px;font-size:16px}.row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.primary{width:100%;padding:14px;border:0;border-radius:11px;background:#2563eb;color:white;font-size:16px;font-weight:900}nav{display:flex;gap:8px;padding:12px 18px;overflow:auto}.tab{border:0;background:#e2e8f0;padding:10px 16px;border-radius:999px;font-weight:800}.tab.active{background:#2563eb;color:white}.hidden{display:none}.quote{border:1px solid #e2e8f0;padding:16px;border-radius:14px}.total{font-size:30px;font-weight:950}.actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.secondary{padding:12px;border:0;border-radius:10px;background:#e0e7ff;color:#1d4ed8;font-weight:800} .item{border-bottom:1px solid #e2e8f0;padding:13px 0}.item:last-child{border-bottom:0}footer{text-align:center;color:#94a3b8;font-size:12px;padding:30px}