:root { color-scheme: dark; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; font-family: Arial, sans-serif; background: #090909; color: #f4f4f4; }
.account-shell { width: min(680px, calc(100% - 32px)); margin: 56px auto; }
.account-card { background: #151515; border: 1px solid #3a1a1a; border-radius: 14px; padding: 28px; box-shadow: 0 0 28px rgba(177,0,0,.18); }
h1 { margin-top: 0; color: #f0c75e; }
label { display: block; margin: 16px 0 7px; font-weight: 700; }
input, select, textarea { width: 100%; padding: 12px; border-radius: 8px; border: 1px solid #4b4b4b; background: #0c0c0c; color: #fff; }
button, .button { display: inline-block; margin-top: 20px; padding: 12px 18px; border: 0; border-radius: 8px; background: #a61313; color: white; text-decoration: none; font-weight: 700; cursor: pointer; }
.button.secondary { background: #333; }
.alert { padding: 12px 14px; border-radius: 8px; margin: 14px 0; }
.alert.error { background: #4c1414; }
.alert.success { background: #143e22; }
.meta { color: #bbb; font-size: .95rem; }
.actions { display: flex; gap: 10px; flex-wrap: wrap; }
table { width: 100%; border-collapse: collapse; margin-top: 20px; }
th, td { text-align: left; padding: 10px; border-bottom: 1px solid #333; vertical-align: top; }
.inline-form { display: grid; grid-template-columns: 1fr 1fr auto; gap: 8px; align-items: end; }
@media (max-width: 720px) { .inline-form { grid-template-columns: 1fr; } table { display:block; overflow-x:auto; } }