body { font-family: Arial, Helvetica, sans-serif; margin: 0; background: #11151b; color: #f4f6f8; }
.container { max-width: 860px; margin: 0 auto; padding: 24px; }
.card { background: #1b2028; border: 1px solid #2a303b; border-radius: 16px; padding: 20px; margin-bottom: 20px; }
a { color: #9fd3ff; }
input, select, textarea, button { width: 100%; padding: 10px 12px; margin-top: 6px; margin-bottom: 14px; border-radius: 10px; border: 1px solid #39414f; background: #0f1318; color: #f4f6f8; }
button { background: #ffffff; color: #111; font-weight: 700; cursor: pointer; }
label { font-weight: 700; display: block; }
.grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.nav a { margin-right: 12px; }
.flash { background: #17311f; border: 1px solid #285d37; padding: 12px; border-radius: 10px; margin-bottom: 16px; }
.error { background: #3a1b1b; border: 1px solid #7b3535; padding: 12px; border-radius: 10px; margin-bottom: 16px; }
small { color: #b6bcc6; }
@media (max-width: 700px) { .grid { grid-template-columns: 1fr; } }