:root{
  --bg:#000000;
  --card:#0a0a0a;
  --text:#f3f4f6;
  --muted:#cbd5e1;
  --green:#10b981;
  --red:#ef4444;
}
*{box-sizing:border-box;font-family:Inter,system-ui,Segoe UI,Roboto,'Helvetica Neue',Arial}
body{background:var(--bg);padding:32px}
.container{max-width:760px;margin:0 auto;background:var(--card);padding:24px;border-radius:10px;border:1px solid #1f2937;box-shadow:0 2px 16px rgba(0,0,0,0.5)}
h1{margin:0 0 18px;font-size:20px;color:var(--text)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 18px}
label{display:block;font-size:13px;color:var(--muted)}
input[type=date],input[type=number],select{display:block;width:100%;padding:8px 10px;margin-top:6px;border:1px solid #374151;border-radius:6px;background:#111827;color:var(--text)}
.actions{margin-top:16px}
button{padding:10px 14px;border-radius:8px;border:1px solid #374151;background:#111827;color:#fff;margin-right:8px;cursor:pointer}
#result{margin-top:18px;color:var(--text)}
.badge{display:inline-block;padding:8px 12px;border-radius:999px;color:#fff;font-weight:600}
.badge.success{background:var(--green)}
.badge.failure{background:var(--red)}
.note{margin-top:16px;color:var(--muted);font-size:13px}

@media (max-width:640px){
  .form-grid{grid-template-columns:1fr}
}