:root{font-family:system-ui,Arial,sans-serif;color-scheme:dark;--bg:#0c1526;--panel:#16233a;--text:#eef4ff;--muted:#aab8d0;--border:#34425a;--accent:#3285f6} :root[data-theme=light]{color-scheme:light;--bg:#f5f7fb;--panel:#fff;--text:#152238;--muted:#59657b;--border:#dbe2ec;--accent:#1469d9}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}header{display:flex;align-items:center;gap:20px;padding:18px 28px;background:var(--panel);border-bottom:1px solid var(--border)}header strong{letter-spacing:2px}header span{color:var(--muted)}header button{margin-left:auto}nav{display:flex;gap:20px;align-items:center;flex-wrap:wrap;padding:12px 28px;border-bottom:1px solid var(--border)}a{color:var(--accent)}nav a{text-decoration:none}nav form{margin:0}main{max-width:1050px;margin:30px auto;padding:0 20px}h1{font-size:28px}form:not(nav form){max-width:540px;background:var(--panel);border:1px solid var(--border);padding:24px;border-radius:12px;margin:22px 0}label{display:block;margin:12px 0 6px}input,select{width:100%;padding:12px;border-radius:7px;background:var(--bg);color:var(--text);border:1px solid var(--border)}button{cursor:pointer;background:var(--accent);color:white;border:0;border-radius:7px;padding:11px 17px}form button{margin-top:18px}.notice{padding:14px;background:var(--panel);border-left:4px solid #eaa943}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px}.cards article{background:var(--panel);padding:24px;border:1px solid var(--border);border-radius:12px}.cards b{font-size:34px}table{width:100%;border-collapse:collapse;background:var(--panel);margin:24px 0}th,td{padding:13px;text-align:left;border-bottom:1px solid var(--border)}@media(max-width:600px){nav{gap:10px}main{margin:18px auto}}