body{font:15px system-ui,sans-serif;background:#f4f7fb;color:#1d2737;margin:0}
header{background:#142c50;color:white;padding:18px 5%}header a{color:white}
main{max-width:1200px;margin:24px auto;padding:0 16px}
section{background:white;padding:20px;margin:16px 0;border-radius:12px;box-shadow:0 2px 12px #142c5011}
body.login-page{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}
body.login-page main{box-sizing:border-box;display:grid;place-items:center;flex:1;width:100%;max-width:none;margin:0;padding:24px 16px}
body.login-page section{box-sizing:border-box;width:min(100%,420px);margin:0;padding:32px}
body.login-page form{display:grid;gap:16px}
body.login-page label{display:grid;gap:7px}
body.login-page input{box-sizing:border-box;width:100%;min-height:44px}
body.login-page button{min-height:44px}
@media(max-width:480px){body.login-page section{padding:24px}}
h1,h2,h3{margin:0 0 14px}h1{font-size:23px}h2{font-size:19px}
table{border-collapse:collapse;width:100%}th,td{padding:9px;border-bottom:1px solid #e7edf5;text-align:left;vertical-align:top}
input,select,button{font:inherit;padding:7px;border:1px solid #b9c8dc;border-radius:6px}
button{background:#1763a6;color:white;border:0;cursor:pointer}
button.danger{background:#a92d37}a{color:#1763a6}
.row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}
.metric{background:#eaf3fa;padding:15px;border-radius:10px}.metric strong{font-size:22px;display:block}
.small{font-size:12px;color:#52647b}.error{background:#fff0f0;color:#9c1b27;padding:10px}.ok{background:#e8f6ef;color:#17613b;padding:10px}
code,pre{overflow-wrap:anywhere;white-space:pre-wrap}pre{background:#eff3f8;padding:12px;border-radius:7px}
form.inline{display:inline}details{margin:8px 0}.scroll{overflow:auto}