:root{--bg:#0b0d12;--panel:#141821;--text:#e6e8ee;--muted:#9aa3b2;--line:#232a3a;--accent:#7aa2ff;--danger:#ff7a7a}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:radial-gradient(1100px 560px at 18% -12%,#171d2b 0,var(--bg) 58%) fixed;color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.nav{position:-webkit-sticky;position:sticky;top:0;z-index:20;display:flex;gap:20px;align-items:center;padding:12px 24px;background:rgba(11,13,18,.82);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}.nav .brand{font-weight:700;letter-spacing:.3px;color:var(--text)}.nav a{color:var(--muted);font-size:14px}.nav a:hover{color:var(--text);text-decoration:none}main{padding:24px;max-width:1180px;margin:0 auto}h1{font-size:24px;margin:10px 0 4px}h3{margin:26px 0 8px;font-size:13px;text-transform:uppercase;letter-spacing:.6px;color:var(--muted)}h4{margin:16px 0 6px}table{width:100%;border-collapse:collapse;font-size:14px}th{text-align:left;font-weight:600;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--line)}td,th{padding:8px 10px}td{border-top:1px solid var(--line)}input,select,tbody tr:hover{background:var(--panel)}input,select{color:var(--text);border:1px solid var(--line);border-radius:8px;padding:8px}input:focus,select:focus{outline:none;border-color:var(--accent)}.danger{color:var(--danger)}.board{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px}@media (max-width:820px){main{padding:14px}.nav{gap:12px;flex-wrap:wrap;padding:10px 14px}table{display:block;overflow-x:auto}.board{grid-template-columns:1fr 1fr}}@media (max-width:520px){.board{grid-template-columns:1fr}}