*{box-sizing:border-box}
body{margin:0;background:#f3f5f9;font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#1c2333;padding:24px 16px}
.card{max-width:520px;margin:0 auto;background:#fff;border-radius:12px;padding:32px 28px;box-shadow:0 2px 12px rgba(0,0,0,.06)}
.logo{display:block;max-width:100%;height:auto;margin:0 auto 20px}
h1{font-size:1.5rem;margin:0 0 6px}
h1.ok{color:#137a3a}h1.bad{color:#b42318}
.muted{color:#5b6472;margin:0 0 18px}
label{display:block;font-weight:600;font-size:.9rem;margin-bottom:14px}
input,select{display:block;width:100%;margin-top:6px;padding:10px 12px;font:inherit;border:1px solid #c9d0da;border-radius:8px;background:#fff}
input:focus,select:focus{outline:2px solid #1d4ed8;border-color:#1d4ed8}
button,.btn{display:inline-block;width:100%;padding:12px;font:inherit;font-weight:700;color:#fff;background:#1d4ed8;border:0;border-radius:8px;cursor:pointer;text-align:center;text-decoration:none;margin-top:6px}
button:hover,.btn:hover{background:#1e40af}
.alert{background:#fef3f2;color:#b42318;border:1px solid #fecdca;padding:10px 12px;border-radius:8px}
.receipt{width:100%;border-collapse:collapse;margin:16px 0}
.receipt th,.receipt td{text-align:left;padding:8px 6px;border-bottom:1px solid #e6e9ef;font-size:.95rem}
.receipt th{color:#5b6472;font-weight:600;width:42%}
.actions{display:flex;gap:10px}.actions>*{flex:1}
footer{margin-top:24px;font-size:.8rem;color:#7a8494;text-align:center}
footer a{color:inherit}
@media print{body{background:#fff;padding:0}.card{box-shadow:none}.actions,footer{display:none}}