:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#e8eef7;background:#07111f;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:linear-gradient(180deg,#07111f,#0a1728);min-height:100vh}header{height:68px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #1b2c41;background:#091523}.brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none}.brand-icon{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-weight:800;background:#12365c;border:1px solid #2e6aa1}.brand h1,.brand p{margin:0}.brand p,.brand small{display:block;color:#91a4bb;font-size:12px}main{max-width:1180px;margin:0 auto;padding:30px 24px 70px}.hero h1{font-size:30px;margin:0 0 6px}.hero p,.muted{color:#91a4bb}.grid{display:grid;gap:14px}.cards{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));margin:24px 0}.card,.panel,.login-card{background:#0d1c2e;border:1px solid #1e3650;border-radius:16px;box-shadow:0 10px 30px #0003}.card{padding:18px}.card span{color:#7e94ad;font-size:12px;text-transform:uppercase}.card h2{margin:8px 0}.two{display:grid;grid-template-columns:1.5fr 1fr;gap:18px}.panel{padding:20px}.panel h2{margin-top:0}.table{display:flex;flex-direction:column;gap:8px}.row{display:flex;justify-content:space-between;gap:20px;padding:13px 14px;background:#0a1726;border:1px solid #183149;border-radius:10px;text-decoration:none;color:inherit}.row small{display:block;color:#8da2b9;margin-top:4px}.ok{color:#66d69a}.bad{color:#ff7f87}form{display:grid;gap:12px}label{display:grid;gap:6px;color:#9fb2c8;font-size:13px}input,select{width:100%;padding:11px 12px;border-radius:9px;border:1px solid #28435e;background:#081522;color:#e8eef7}button,.buttonlink{border:0;border-radius:9px;padding:11px 14px;background:#1967a9;color:white;font-weight:700;cursor:pointer;text-decoration:none;display:inline-block;text-align:center}.ghost{background:#10243a}.link{padding:9px 13px}hr{border:0;border-top:1px solid #1c344c;width:100%;margin:6px 0}.login-body{display:grid;place-items:center;padding:24px}.login-card{width:min(430px,100%);padding:28px}.login-card .brand{margin-bottom:24px}.alert{padding:10px 12px;border-radius:8px;background:#55222c;border:1px solid #8b3a48;margin-bottom:14px}.token{max-width:760px;margin:40px auto}.token pre{padding:18px;border-radius:10px;background:#06101c;border:1px solid #24415e;white-space:pre-wrap;word-break:break-all;font-size:16px}@media(max-width:800px){.two{grid-template-columns:1fr}.row{flex-direction:column}header{padding:0 16px}main{padding:22px 16px}}