:root { font-family: Arial, Helvetica, sans-serif; color: #172033; background:#f4f6f9; }
* { box-sizing:border-box; }
body { margin:0; }
a { color:#1d5fd1; text-decoration:none; }
.container { width:min(1180px, calc(100% - 32px)); margin:0 auto; }
.topbar { background:#172033; color:#fff; padding:16px 0; }
.topbar a { color:#fff; }
.brand { font-weight:700; }
.row { display:flex; gap:16px; align-items:center; }
.between { justify-content:space-between; }
main { padding:28px 0 60px; }
.card { background:#fff; padding:24px; border-radius:14px; box-shadow:0 3px 18px rgba(20,35,65,.08); margin-bottom:20px; }
.auth-card { max-width:520px; margin:40px auto; }
label { display:block; font-weight:600; }
input, select { width:100%; margin-top:7px; padding:12px 13px; border:1px solid #ccd3df; border-radius:9px; font:inherit; background:#fff; }
button, .button-link { display:inline-block; border:0; padding:12px 18px; border-radius:9px; background:#1d5fd1; color:#fff; font-weight:700; cursor:pointer; }
form { display:grid; gap:16px; }
.grid2 { grid-template-columns:repeat(2,minmax(0,1fr)); }
.span2 { grid-column:1 / -1; }
.alert { padding:12px 14px; border-radius:9px; margin-bottom:15px; }
.error { background:#ffe5e5; color:#8d1111; }
.highlight { border:2px solid #1d5fd1; }
code { background:#eef2f8; border-radius:6px; padding:4px 7px; }
code.wrap { display:block; overflow-wrap:anywhere; padding:12px; }
.muted { color:#6b7280; }
.table-wrap { overflow:auto; }
table { width:100%; border-collapse:collapse; min-width:780px; }
th, td { text-align:left; padding:11px 9px; border-bottom:1px solid #e5e8ef; vertical-align:top; }
.stats { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; margin-bottom:20px; }
.stat { background:#fff; border-radius:14px; padding:20px; box-shadow:0 3px 18px rgba(20,35,65,.08); }
.stat b { display:block; font-size:28px; }
.stat span { color:#6b7280; }
.footer { padding:22px 0; border-top:1px solid #dfe3ea; color:#6b7280; }
@media (max-width:760px) {
  .grid2, .stats { grid-template-columns:1fr; }
  .span2 { grid-column:auto; }
}