:root{color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:#0d1421;color:#e5eaf2;font:14px/1.55 system-ui,-apple-system,sans-serif}header{height:68px;display:flex;align-items:center;gap:24px;padding:0 30px;border-bottom:1px solid #293344;background:#121c2b}header strong{font-size:20px}header span{color:#9daabd}header form{margin-left:auto}button{background:#4479e2;color:white;border:0;border-radius:8px;padding:10px 16px;cursor:pointer;font-weight:600}button:hover{filter:brightness(1.12)}header button{background:#273349}.layout{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:calc(100vh - 68px)}nav{background:#111b2a;border-right:1px solid #293344;padding:20px 12px}nav a{display:block;color:#acb7c6;text-decoration:none;padding:12px 16px;border-radius:8px;margin-bottom:4px}nav a.active,nav a:hover{color:white;background:#263958}main{padding:32px;min-width:0;max-width:1600px;width:100%}h1{font-size:25px;margin:0 0 12px}h2{font-size:21px;margin:6px 0}h3{margin-top:30px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:14px;margin:22px 0}.panel{border:1px solid #2c394e;background:#162235;border-radius:12px;padding:20px;margin:20px 0;overflow:auto}.cards .panel{margin:0}.panel small,.muted{color:#a9b7c8}table{border-collapse:collapse;width:100%;text-align:left}td,th{padding:11px;border-bottom:1px solid #2a3850;vertical-align:top}th{color:#9eb0c9}code,pre{font:12px/1.5 ui-monospace,monospace;overflow-wrap:anywhere;white-space:pre-wrap;color:#bacfff}pre{background:#0c1524;padding:14px;border-radius:8px}input{background:#0b1423;color:white;border:1px solid #334660;border-radius:8px;padding:11px;font:inherit}input:focus{outline:2px solid #4e80e1}.lookup{display:flex;gap:10px;margin:20px 0}.lookup input{min-width:260px}.login{max-width:520px;margin:8vh auto}.login label{display:grid;gap:10px;margin:18px 0}.login input{width:100%}.alert{padding:13px;background:#5a3026;border:1px solid #a35b4d;border-radius:8px}.danger{color:#ffb7ac}.dangerbtn{background:#b84740}li{margin-bottom:10px}@media(max-width:800px){.layout{display:block}nav{display:flex;overflow:auto}nav a{white-space:nowrap}main{padding:18px}header{padding:12px;gap:10px}header span{display:none}}
