body{
margin:0; background:var(--bg); color:var(--text);
font-family:system-ui, -apple-system, "Segoe UI", Roboto, Inter, Arial, sans-serif;
-webkit-font-smoothing:antialiased; line-height:1.45;
}
.wrap{max-width:980px; margin:48px auto; padding:0 16px}
.card{
background:var(--card); border-radius:16px; padding:28px;
box-shadow:0 12px 28px rgba(0,0,0,.25)
}
h1{margin:0 0 16px; font-size:clamp(22px,3.6vw,34px); display:flex; gap:12px; align-items:center}
.ok{width:28px;height:28px;border-radius:6px;background:#26d07c;display:inline-grid;place-items:center;color:#053; font-weight:700}
.row{display:flex; flex-wrap:wrap; gap:12px; align-items:center; margin:.25rem 0 1rem}
.label{color:var(--muted); margin-right:6px}
.chip{
display:inline-flex; align-items:center; gap:8px; padding:8px 12px;
background:var(--chip); border:1px solid rgba(255,255,255,.06); border-radius:10px; font-weight:600
}
.btn{
background:var(--accent); color:#042; border:0; border-radius:12px; padding:12px 18px;
font-weight:700; cursor:pointer; transition:transform .06s ease;
box-shadow:0 10px 22px rgba(23,178,167,.2)
}
.btn:disabled{opacity:.6; cursor:not-allowed; transform:none}
.btn:active{transform:translateY(1px)}
.btn-ghost{background:transparent; color:var(--text); border:1px solid rgba(255,255,255,.15); box-shadow:none}
.btn-muted{background:transparent; color:var(--text); border:1px solid rgba(255,255,255,.15)}
.field{display:flex; gap:10px; flex-wrap:wrap; align-items:center; margin:18px 0 4px}
input[type=email]{
min-width:280px; flex:1 1 320px;
background:#0b2631; color:var(--text); border:1px solid rgba(255,255,255,.12);
padding:12px 14px; border-radius:10px; outline:none
}
.hint{color:var(--muted); font-size:14px}
.actions{display:flex; gap:12px; flex-wrap:wrap; margin:18px 0}
.danger{background:transparent; border:1px solid rgba(228,90,90,.6); color:#ffd6d6}
.muted{background:transparent; border:1px solid rgba(255,255,255,.15); color:var(--text)}
.msg{margin-top:10px; font-weight:600}
.msg.ok{color:#86f7cf}
.msg.err{color:#ffb4b4}
.msg.muted{color:var(--muted)}
.hidden{display:none}
@media (max-width:640px){ .actions .btn{flex:1 1 100%} }
code{font-family:ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace}
✓Factura emitida correctamente
UUID SAT: