body{font-family:system-ui,Arial,sans-serif;background:#0f1115;color:#e6e6e6;margin:0;padding:2rem;}
.card{max-width:480px;margin:2rem auto;background:#1b1f27;padding:2rem;border-radius:10px;box-shadow:0 4px 20px rgba(0,0,0,.4);}
.card.wide{max-width:960px;}
label{display:block;margin-top:1rem;font-size:.9rem;color:#9aa4b2;}
input,select{width:100%;padding:.6rem;margin-top:.3rem;border-radius:6px;border:1px solid #333;background:#0f1115;color:#eee;box-sizing:border-box;}
button{margin-top:1.2rem;padding:.6rem 1.2rem;border-radius:6px;border:none;background:#4f6df5;color:#fff;cursor:pointer;}
button:hover{background:#3b56d1;}
.error{color:#ff6b6b;}
.success{color:#4fd67a;}
table{width:100%;border-collapse:collapse;margin-top:1rem;}
th,td{padding:.5rem;border-bottom:1px solid #333;text-align:left;font-size:.85rem;}
code{display:block;background:#0f1115;padding:.7rem;border-radius:6px;word-break:break-all;}