*{box-sizing:border-box}body{margin:0;font:15px/1.55 system-ui,sans-serif;background:#edf5fc;color:#18324b}a{color:#1763b3}main{max-width:1050px;margin:55px auto;padding:24px}.auth{max-width:460px}.card{padding:32px;background:white;border:1px solid #d5e5f4;border-radius:18px;box-shadow:0 16px 50px #18324b0b;margin:20px 0}h1{font-size:30px;margin:5px 0}h2{font-size:21px}p{color:#536b80}.brand{font-weight:800;letter-spacing:.1em;color:#286aa0}.muted{font-size:13px;color:#58718a}label{display:block;margin:15px 0}input{display:block;width:100%;border:1px solid #b9cfe1;border-radius:8px;padding:12px;font:inherit;margin-top:6px}input[type=checkbox]{display:inline;width:auto}button,.button{display:inline-block;border:1px solid #c1d8ec;border-radius:8px;padding:11px 17px;background:#fff;color:#21496b;font:600 14px system-ui;cursor:pointer;text-decoration:none}button.primary{background:#2163ce;color:white;border-color:#2163ce}button:disabled{opacity:.5;cursor:wait}.actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}#message{white-space:pre-line;color:#a52323;min-height:24px}table{border-collapse:collapse;width:100%}td,th{border-bottom:1px solid #dbe9f4;padding:12px;text-align:left}td input{min-width:145px}.scroll{overflow:auto}.badge{background:#e3f6e9;border-radius:20px;padding:4px 10px;color:#24753d;white-space:nowrap}.off{background:#ffeded;color:#a32f2f}@media(max-width:600px){main{padding:14px;margin:20px auto}.card{padding:20px}.grid{grid-template-columns:1fr}}

.brand{display:flex;align-items:center;gap:14px}.brand .xsteel-logo{width:72px;height:72px;object-fit:contain;border-radius:12px;background:#000}.auth>.brand{flex-direction:column;justify-content:center;margin:0 auto 24px}.auth>.brand .xsteel-logo{width:160px;height:160px;border-radius:18px}.auth>.brand span{font-size:28px;letter-spacing:.04em}