:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#dce6f5;background:#0b1020;font-family:ui-sans-serif,system-ui}*{box-sizing:border-box}body{margin:0}main{grid-template-columns:230px 1fr;min-height:100vh;display:grid}nav{border-right:1px solid #22304a;flex-direction:column;gap:14px;padding:24px;display:flex}nav a{color:#a8bad8;text-transform:capitalize;text-decoration:none}section{max-width:1100px;padding:38px}.notice{color:#ffcc80;background:#2b2419;border-left:3px solid #ffad42;padding:12px}pre{background:#121a2c;border:1px solid #22304a;padding:20px;overflow:auto}.login{grid-template-columns:1fr;place-items:center;display:grid}.login form{background:#121a2c;border:1px solid #22304a;flex-direction:column;gap:14px;width:min(400px,90vw);padding:32px;display:flex}.login input,.login button{width:100%;margin-top:6px;padding:10px}.login button{color:#fff;background:#2563eb;border:0}.error{color:#ff8c8c}@media (max-width:700px){main{grid-template-columns:1fr}nav{border-bottom:1px solid #22304a;border-right:0;flex-direction:row;overflow:auto}section{padding:22px}}