/* styles */
body{font-family:system-ui,Arial,sans-serif;margin:0;background:#f5f6f8;color:#1c2430}
.topbar{display:flex;justify-content:space-between;align-items:center;background:#1f3a5f;color:#fff;padding:.7rem 1.2rem}
.topbar a{color:#cfe0f5;margin-left:1rem;text-decoration:none}
.brand{font-weight:600}
main{max-width:1100px;margin:1.5rem auto;padding:0 1rem}
.error{color:#b00020}
.login-card{max-width:340px;margin:4rem auto;background:#fff;padding:1.5rem;border-radius:10px;box-shadow:0 1px 4px rgba(0,0,0,.1)}
.login-card input{display:block;width:100%;margin:.5rem 0;padding:.6rem;box-sizing:border-box}
button{background:#1f3a5f;color:#fff;border:0;padding:.6rem 1rem;border-radius:6px;cursor:pointer}
table{width:100%;border-collapse:collapse;background:#fff}
th,td{text-align:left;padding:.5rem .7rem;border-bottom:1px solid #e3e7ec}
.badge{padding:.15rem .5rem;border-radius:10px;font-size:.8rem;background:#e3e7ec}