*{box-sizing:border-box}body{margin:0;font:14px system-ui,Arial;background:#f3f6fb;color:#172033}header{height:64px;background:#090379;color:#fff;padding:0 24px;display:flex;align-items:center;justify-content:space-between}header nav{display:flex;gap:18px}header a{color:#fff;text-decoration:none}main{max-width:1500px;margin:28px auto;padding:0 20px}.head{display:flex;align-items:center;justify-content:space-between}.grid{display:grid;grid-template-columns:360px 1fr;gap:20px}.card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 18px #1d2b4f12;overflow:auto}.wide{min-width:0}label{display:block;font-weight:600;margin:12px 0}input,select,textarea{display:block;width:100%;padding:10px;border:1px solid #cad3e2;border-radius:7px;margin-top:5px}textarea{min-height:80px}button{background:#090379;color:#fff;border:0;border-radius:7px;padding:10px 14px;cursor:pointer}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px;border-bottom:1px solid #e7ebf2;vertical-align:top}code{font-size:12px}.auth{min-height:100vh;display:grid;place-items:center}.auth-card{width:min(520px,calc(100% - 32px));background:#fff;padding:28px;border-radius:14px;box-shadow:0 8px 28px #16213e22}.alert{background:#fee2e2;color:#991b1b;padding:10px;border-radius:8px}.check{display:flex;align-items:center;gap:8px}.check input{width:auto;margin:0}.inline{display:flex;gap:6px;align-items:center}.inline select{width:auto;margin:0}.inline button{padding:7px 10px}@media(max-width:900px){.grid{grid-template-columns:1fr}header{height:auto;padding:16px;align-items:flex-start;gap:12px;flex-direction:column}header nav{flex-wrap:wrap}}