:root{--bg:#060a09;--card:#0d1512;--line:#21372f;--green:#55ffad;--text:#d7e6df;--muted:#789087;--red:#ff6677}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 80% 0,#10271e,transparent 35%),var(--bg);color:var(--text);font:14px Consolas,monospace;min-height:100vh}aside{position:fixed;width:230px;height:100vh;padding:28px 18px;border-right:1px solid var(--line)}.logo{color:var(--green);letter-spacing:2px;font-size:18px}.online{color:var(--green);font-size:10px;margin:30px 0}nav{display:grid}nav a{padding:12px;color:var(--muted);text-decoration:none;border-left:2px solid transparent}nav a.active,nav a:hover{color:var(--green);border-color:var(--green);background:#55ffad0a}footer{position:absolute;bottom:25px;display:grid;gap:5px}footer small{color:var(--muted)}footer a{color:var(--red);font-size:10px;margin-top:7px}main{margin-left:230px;padding:35px;max-width:1450px}header p{color:var(--muted);font-size:10px;letter-spacing:2px}h1{font-size:34px}h2{color:var(--green);font-size:15px}.card,.metrics article{border:1px solid var(--line);background:#0c1311dd;padding:22px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.metrics strong{display:block;color:var(--green);font-size:46px;margin-top:10px}.split{display:grid;grid-template-columns:2fr 1fr;gap:16px}.form{max-width:700px}label{display:grid;gap:7px;margin:13px 0;color:var(--muted)}input,select,textarea{background:#060b09;border:1px solid var(--line);padding:11px;color:var(--text);font:inherit}button{background:var(--green);border:0;padding:12px 18px;font:bold 12px Consolas;cursor:pointer}table{width:100%;border-collapse:collapse}th,td{text-align:left;border-bottom:1px solid var(--line);padding:12px}th{color:var(--muted);font-size:10px}td small{display:block;color:var(--muted)}.row{border-bottom:1px solid var(--line);padding:15px 0}.row code{float:right;color:var(--green)}.row p{color:var(--muted)}.login{display:grid;place-items:center}.loginbox{width:min(420px,90vw)}.loginbox h1{margin-top:30px}.loginbox p,.loginbox small{color:var(--muted)}.bad{color:var(--red);padding:10px;border:1px solid var(--red)}@media(max-width:800px){aside{position:static;width:auto;height:auto}aside nav{grid-template-columns:repeat(3,1fr)}footer{position:static;margin-top:15px}main{margin:0;padding:18px}.metrics,.split{grid-template-columns:1fr}table{display:block;overflow:auto}}
fieldset{border:1px solid var(--line);margin:18px 0;padding:16px}legend{color:var(--green);padding:0 8px}.check{display:flex;align-items:center}.check input{width:auto}.hint{color:var(--muted);font-size:12px}
.feature-switches{display:grid;gap:10px;margin:22px 0}.feature-switch{display:flex;grid-template-columns:none;align-items:center;justify-content:space-between;gap:20px;margin:0;padding:16px;border:1px solid var(--line);background:#08100d;cursor:pointer}.feature-switch span{display:grid;gap:5px}.feature-switch b{color:var(--text)}.feature-switch small{color:var(--muted)}.feature-switch input{position:absolute;opacity:0;pointer-events:none}.feature-switch i{position:relative;flex:0 0 48px;width:48px;height:26px;border:1px solid #385048;border-radius:99px;background:#17221e;transition:.2s}.feature-switch i:after{content:"";position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#789087;transition:.25s}.feature-switch input:checked+i{border-color:var(--green);background:#55ffad24;box-shadow:0 0 18px #55ffad26}.feature-switch input:checked+i:after{transform:translateX(22px);background:var(--green)}.feature-switch:has(input:checked){border-color:#55ffad66}