body{margin:0;padding:0;background:#F7F6F3;font-family:Arial,Helvetica,sans-serif;color:#181A1F;}
.wrap{max-width:640px;margin:0 auto;padding:24px 16px 48px;}
.card{background:#ffffff;border:1px solid rgba(20,22,28,.10);border-radius:12px;padding:28px;margin-top:16px;}
.topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 4px;}
.topbar strong{font-size:15px;}
.topbar a{color:#585D68;font-size:13px;text-decoration:none;}
h1{font-size:20px;margin:0 0 4px;}
h2{font-size:16px;margin:0 0 12px;}
p{color:#585D68;font-size:14px;line-height:1.5;}
label{display:block;font-size:13px;margin-bottom:4px;color:#181A1F;}
input[type=email],input[type=text],textarea,select{width:100%;box-sizing:border-box;padding:10px 12px;border:1px solid rgba(20,22,28,.18);border-radius:8px;font-size:14px;margin-bottom:14px;font-family:inherit;}
button{background:#0A7A8C;color:#fff;border:none;padding:11px 22px;border-radius:8px;font-size:14px;font-weight:bold;cursor:pointer;}
button.secundario{background:#fff;color:#585D68;border:1px solid rgba(20,22,28,.15);}
.lista-item{border-top:1px solid rgba(20,22,28,.08);padding:14px 0;}
.lista-item:first-child{border-top:none;}
.badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:bold;}
.badge--pendiente{background:#FDECEC;color:#B3261E;}
.badge--ok{background:#E7F4EC;color:#1E7A46;}
.badge--neutro{background:#F0EFEA;color:#585D68;}
.monto{font-variant-numeric:tabular-nums;font-weight:bold;}
.field-error{color:#B3261E;font-size:13px;}