body { font-family: system-ui, sans-serif; margin: 0; }
.page { display: flex; min-height: 100vh; }
.sidebar { width: 220px; background: #1b2a41; color: #fff; padding: 1rem; }
.sidebar a, .sidebar .link-button { color: #cfd8e3; display: block; padding: 0.4rem 0; text-decoration: none; background: none; border: none; cursor: pointer; font-size: 1rem; text-align: left; }
.sidebar a.active { color: #fff; font-weight: 600; }
.nav-brand { font-size: 1.3rem; font-weight: 700; margin-bottom: 1rem; }
.content { padding: 1.5rem; flex: 1; }
main { flex: 1; }
.login-box { max-width: 320px; margin: 10vh auto; display: flex; flex-direction: column; gap: 0.5rem; }
.login-box label { display: block; margin-bottom: 0.5rem; }
.login-box input { width: 100%; padding: 0.4rem; }
table { border-collapse: collapse; width: 100%; }
th, td { border: 1px solid #ddd; padding: 0.4rem 0.6rem; text-align: left; }
.badge { padding: 0.1rem 0.4rem; border-radius: 4px; font-size: 0.8rem; background: #eee; }
.badge-warn { background: #ffd7d7; }
.badge-ok { background: #d7ffd7; }