:root { color-scheme: dark; font-family: Arial,sans-serif; background:#080d10; color:#eef2f4; }
.home-pit-wall { position:fixed; inset:0; width:100%; height:100%; border:0; z-index:10; background:#080c0f; }
* { box-sizing:border-box; letter-spacing:0; } [hidden] { display:none !important; } body { margin:0; }
header { min-height:76px; padding:16px 28px; border-bottom:1px solid #39434a; display:flex; align-items:center; justify-content:space-between; gap:20px; background:#11191e; flex-wrap:wrap; }
header strong { font-size:23px; } header strong span { color:#ffd526; margin-left:14px; font-size:12px; } header div { display:flex; gap:18px; align-items:center; flex-wrap:wrap; }
button { border:1px solid #596870; background:transparent; color:inherit; padding:12px 18px; border-radius:4px; cursor:pointer; font:inherit; }
button:hover,button:focus-visible { border-color:#ffd526; } button:disabled { opacity:.6; cursor:wait; }
.shell { display:grid; grid-template-columns:260px minmax(0,1fr); min-height:calc(100vh - 76px); }
nav { padding:24px 16px; border-right:1px solid #39434a; display:flex; flex-direction:column; gap:12px; }
nav button { text-align:left; white-space:normal; } nav button.active { background:#ffd526; color:#080d10; border-color:#ffd526; }
main { padding:36px; } h1 { font-size:28px; margin:0 0 28px; overflow-wrap:anywhere; } .status { color:#75d7b1; }
.admin-settings-panel { padding-top:24px; border-top:1px solid #39434a; } label { display:flex; align-items:center; gap:18px; } input[type=checkbox] { width:20px; height:20px; accent-color:#ffd526; }
.login { max-width:460px; margin:70px auto; padding:24px; } form { display:grid; gap:22px; } form label { display:grid; gap:10px; } form input { min-width:0; width:100%; padding:13px; border:1px solid #596870; border-radius:4px; background:#11191e; color:#fff; font:inherit; } form button { background:#ffd526; color:#080d10; font-weight:bold; } #message { min-height:20px; margin:0; color:#ffb0aa; }
@media(max-width:700px) { .shell { grid-template-columns:minmax(0,1fr); } nav { border-right:0; border-bottom:1px solid #39434a; flex-direction:row; flex-wrap:wrap; padding:16px; } nav button { flex:1 1 140px; } main { padding:26px 18px; } header { padding:16px 18px; } h1 { font-size:24px; } .login { margin:35px auto; } }