/* Minimal, clean UI */
:root { --bg:#0b0f19; --card:#12172a; --ink:#e6e8ef; --muted:#9aa4bf; --accent:#6ee7ff; }
*{box-sizing:border-box}
body{margin:0;font-family:Inter,system-ui,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--ink)}
.container{max-width:1100px;margin:0 auto;padding:24px}
.card{background:var(--card);border:1px solid #1b2240;border-radius:16px;padding:20px;box-shadow:0 6px 24px rgba(0,0,0,.25)}
.btn{display:inline-block;padding:10px 16px;border-radius:12px;border:1px solid #2a335a;background:#161c34;color:var(--ink);cursor:pointer;font-weight:600}
.btn:hover{background:#1b2240}
.input,select{width:100%;padding:10px;border:1px solid #26305a;border-radius:10px;background:#0f1430;color:var(--ink)}
.grid{display:grid;gap:16px}
.grid-2{grid-template-columns:1fr 1fr}
.badge{padding:4px 8px;border:1px solid #2a335a;border-radius:999px;font-size:12px;color:var(--muted)}
.preview{height:600px;border:1px dashed #2a335a;border-radius:12px;overflow:hidden;background:#0f1430}
label{font-size:14px;color:var(--muted)}
.small{font-size:12px;color:var(--muted)}

/* Signature canvas */
#sig-pad{width:100%;height:180px;background:#0e1329;border:1px solid #2a335a;border-radius:12px}
.actions{display:flex;gap:10px;flex-wrap:wrap}

/* Responsive */
@media(max-width:900px){.grid-2{grid-template-columns:1fr}}