body { font-family: sans-serif; background: #0f1115; color: #e6e6e6; margin: 0; }
a { color: #9ad; text-decoration: none; }
a:hover { text-decoration: underline; }

.container { max-width: 900px; margin: 0 auto; padding: 16px; }
.header { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
.nav a { margin-left: 12px; }

.card { background: #161a22; border: 1px solid #2a3242; border-radius: 10px; padding: 16px; margin-top: 16px; }
.form { display: grid; gap: 10px; }
textarea, input, select { width: 100%; padding: 10px; border-radius: 8px; border: 1px solid #2a3242; background: #0f1115; color: #e6e6e6; }
button { padding: 10px 14px; border-radius: 8px; border: 1px solid #2a3242; background: #232b3b; color: #e6e6e6; cursor: pointer; }
button:hover { background: #2b3550; }

.grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 8px; }
table { width: 100%; border-collapse: collapse; margin-top: 12px; }
th, td { border-bottom: 1px solid #2a3242; padding: 10px; text-align: left; }
.error { background: #3a1d1d; border: 1px solid #6b2b2b; padding: 10px; border-radius: 8px; margin-top: 10px; }
.footer { opacity: 0.7; margin-top: 24px; }
.btn { display: inline-block; padding: 8px 12px; border-radius: 8px; border: 1px solid #2a3242; }