:root { color-scheme: dark; font-family: Arial, sans-serif; background: #070b20; color: #f7f7fb; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; background: radial-gradient(circle at top right, #42134b, #070b20 55%); }
main { width: min(760px, calc(100% - 32px)); margin: 8vh auto; padding: 32px; border: 1px solid #39436b; border-radius: 18px; background: rgba(12, 18, 45, .94); }
main.wide { width: min(1180px, calc(100% - 32px)); }
h1, h2 { color: #ff9418; }
a { color: #ffad4d; }
.button, button { display: inline-block; border: 0; border-radius: 9px; padding: 11px 18px; background: #f58213; color: #fff; font-weight: 700; cursor: pointer; text-decoration: none; }
form { display: grid; gap: 14px; }
form.grid { grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); align-items: end; }
label { display: grid; gap: 7px; }
input, select { width: 100%; padding: 11px; border: 1px solid #53608e; border-radius: 8px; background: #0d1535; color: #fff; }
table { width: 100%; margin: 18px 0 30px; border-collapse: collapse; }
th, td { padding: 10px; border-bottom: 1px solid #2e385f; text-align: left; }
.error { color: #ff7f7f; }
.success { color: #70e6a0; }
.important { padding: 16px; border: 2px solid #70e6a0; border-radius: 9px; background: rgba(112,230,160,.08); font-size: 18px; }
.inline { display: flex; gap: 7px; }
.two-columns { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; }
.topline { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.notice { padding: 14px; border-left: 4px solid #f58213; background: rgba(245,130,19,.12); }
@media (max-width: 680px) { main { margin: 16px auto; padding: 20px; } table { font-size: 13px; } }
@media (max-width: 760px) { .two-columns { grid-template-columns: 1fr; } table { display: block; overflow-x: auto; } }