:root{font-family:Inter,system-ui,sans-serif;color:#dce5f5;background:#0b1019;font-synthesis:none}*{box-sizing:border-box}body{margin:0}.layout{display:grid;grid-template-columns:240px 1fr;min-height:100vh}aside{background:#101825;padding:28px 20px;border-right:1px solid #243044}.brand{font-size:25px;font-weight:800;letter-spacing:3px;color:#8de5cc}.brand small{display:block;font-size:9px;letter-spacing:2px;color:#788da8;margin:8px 0 35px}nav{display:grid;gap:5px;margin-bottom:35px}button,a{font:inherit;cursor:pointer;border:1px solid #2b3d55;background:#192639;color:#dce5f5;border-radius:8px;padding:10px 14px;text-decoration:none}nav button{text-align:left;border:0;background:transparent;color:#94a6bd}nav button.active{background:#233b42;color:#96ecd3}button:hover,a:hover{background:#294451}button:disabled{opacity:.5;cursor:wait}main{padding:38px;min-width:0;max-width:1600px;width:100%;margin:auto}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}h1{font-size:30px;margin:10px 0}h2{font-size:19px}p,small,footer{color:#9aabc1;line-height:1.7}.eyebrow{color:#7a95b8;font-size:10px;letter-spacing:2px}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}article{border:1px solid #263349;background:#121c2a;border-radius:13px;padding:24px;margin-bottom:20px;overflow:hidden}.badge{float:right;font-size:11px;padding:4px 8px;border-radius:20px;background:#3c2834;color:#ed9fa8}.badge.online{background:#193f37;color:#8ae5c8}label{display:block;margin:16px 0;font-size:13px;color:#9aabc1}input,select{display:block;background:#0a1320;color:#dce5f5;border:1px solid #32425a;border-radius:6px;padding:12px;margin-top:7px;width:100%;max-width:550px}article button{margin:4px 8px 4px 0}.table-wrap{overflow:auto}.table-head{display:flex;justify-content:space-between}table{width:100%;border-collapse:collapse;font-size:12px}th,td{padding:12px;text-align:left;border-bottom:1px solid #253349;max-width:350px;overflow-wrap:anywhere}th{color:#83b9c7}code{overflow-wrap:anywhere;color:#8de5cc}.error,.notice{padding:14px;border-radius:8px;background:#402735;color:#ffc0c8}.notice{background:#193f37;color:#a2eed7}footer{font-size:11px;margin-top:30px}hr{border:0;border-top:1px solid #253349;margin:24px 0}@media(max-width:800px){.layout{display:block}aside{padding:20px}nav{display:flex;overflow:auto;margin-bottom:0}nav button{white-space:nowrap}.brand small,aside>small{display:none}.brand{margin-bottom:18px}main{padding:20px}.cards{grid-template-columns:1fr}header{gap:15px}h1{font-size:24px}}aside{height:100vh;overflow:auto;position:sticky;top:0}nav section{display:grid;margin:0;gap:2px}nav h3{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:#7186a4;padding:15px 12px 3px;margin:0}nav button{font-size:13px;padding:8px 12px}textarea{display:block;width:100%;max-width:650px;background:#0a1320;color:#dce5f5;border:1px solid #32425a;border-radius:6px;padding:12px;margin-top:7px;font:inherit}input[type=checkbox]{display:inline;width:auto;margin-right:10px}pre{white-space:pre-wrap;max-height:300px;overflow:auto;min-width:180px}.totp{border:1px solid #344760;border-radius:10px;padding:14px 18px;margin-bottom:20px}.totp summary{cursor:pointer;color:#a6bdd8}.pagination{display:flex;gap:15px;align-items:center;justify-content:flex-end;margin-top:16px}main{margin:0 auto}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #8de5cc;outline-offset:3px}@media(max-width:800px){aside{position:static;height:auto;max-height:280px}nav{display:flex}nav section{min-width:170px;align-content:start}.table-head{gap:10px}.pagination{justify-content:flex-start}main{padding:16px}header{flex-wrap:wrap}td button{white-space:nowrap}}