:root{--bg:#f5f7fb;--card:#fff;--text:#172033;--muted:#697386;--line:#e5e9f0;--accent:#1769aa;--good:#157347;--warn:#9a6700}
*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;background:var(--bg);color:var(--text)}
header{background:#fff;border-bottom:1px solid var(--line);padding:14px 5%;display:flex;align-items:center;justify-content:space-between;gap:20px;position:sticky;top:0}
.brand{font-weight:800;font-size:22px}.brand span{font-weight:500;color:var(--accent)}nav{display:flex;gap:15px;flex-wrap:wrap}a{color:var(--accent);text-decoration:none}
main{width:min(1180px,92%);margin:28px auto}.hello{color:var(--muted);margin-bottom:18px}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px;box-shadow:0 2px 8px rgba(20,30,50,.04)}
.metric{font-size:30px;font-weight:800}.muted{color:var(--muted)}h1{margin:0 0 20px}.toolbar{display:flex;gap:10px;justify-content:space-between;align-items:center;margin:15px 0;flex-wrap:wrap}
.btn,button{display:inline-block;background:var(--accent);color:#fff;border:0;border-radius:9px;padding:10px 14px;cursor:pointer}.btn.secondary{background:#eef3f8;color:var(--text)}
table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}th,td{text-align:left;padding:12px;border-bottom:1px solid var(--line);font-size:14px}th{background:#fafbfc}
form.panel{background:#fff;padding:20px;border:1px solid var(--line);border-radius:14px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}label{display:block;font-size:13px;font-weight:700;margin-bottom:5px}input,select,textarea{width:100%;padding:10px;border:1px solid #cfd6df;border-radius:8px;font:inherit}textarea{min-height:100px}
.full{grid-column:1/-1}.notice{padding:12px;border-radius:9px;background:#eef6ff;margin-bottom:15px}.error{background:#fff0f0}.pill{display:inline-block;padding:4px 8px;border-radius:999px;background:#eef3f8;font-size:12px}
.login{width:min(430px,92%);margin:9vh auto;background:#fff;padding:28px;border:1px solid var(--line);border-radius:16px}.login h1{text-align:center}.login .brand{text-align:center;margin-bottom:25px}
footer{text-align:center;color:var(--muted);padding:30px}
@media(max-width:800px){header{align-items:flex-start;flex-direction:column}.grid{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:1fr}.full{grid-column:auto}table{display:block;overflow:auto}}
.login-logo{
  text-align:center;
  margin-bottom:20px;
}

.login-logo img{
  display:block;
  width:100%;
  max-width:260px;
  height:auto;
  margin:0 auto;
  object-fit:contain;
}

.header-logo {
    display: block;
    width: 135px;
    height: 58px;
    object-fit: contain;
}

header .brand {
    display: flex;
    align-items: center;
}

header {
    min-height: 72px;
}
header .brand a {
    display: block;
    width: 135px;
    height: 58px;
    overflow: hidden;
}

header .brand a img.header-logo {
    display: block !important;
    width: 135px !important;
    height: 58px !important;
    max-width: 135px !important;
    max-height: 58px !important;
    object-fit: contain !important;
}