* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', sans-serif; background: #0f172a; color: #e2e8f0; font-size: 16px; }
main { max-width: 960px; margin: 64px auto; padding: 0 16px; }
h1 { font-size: 30px; color: #e2e8f0; }
p { color: #94a3b8; }
a { color: #60a5fa; }
header { background: #0b1220; border-bottom: 1px solid #1f2937; box-shadow: inset 0 -1px 0 0 #1f2937; }
nav a { color: #cbd5e1; }
nav a.active { color: #fff; }
.container { background: #0f172a; }
label { color: #cbd5e1; font-size: 15px; }
input[type="text"], input[type="password"], textarea, select { background: #0b1220; color: #e2e8f0; border: 1px solid #1f2937; height: 44px; font-size: 16px; border-radius: 10px; padding: 0 12px; }
input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus { outline: none; border-color: #2563eb; box-shadow: 0 0 0 3px rgba(37,99,235,.2); }
table { background: #0b1220; color: #e2e8f0; }
th, td { border-bottom: 1px solid #1f2937; }
button { background: linear-gradient(90deg, #2563eb, #0ea5e9); font-size: 16px; padding: 12px 16px; border-radius: 10px; display: inline-flex; align-items: center; gap: 8px; box-shadow: 0 6px 20px rgba(2,132,199,.25); }
button svg { width: 18px; height: 18px; }
button:hover { filter: brightness(1.06); transform: translateY(-1px); }