body {
    background: #f4f6f9;
}

.sidebar {
    width: 240px;
    min-height: 100vh;
    background: #111827;
    position: fixed;
    left: 0;
    top: 0;
}

.sidebar a {
    display: block;
    color: #d1d5db;
    text-decoration: none;
    padding: 10px 12px;
    border-radius: 6px;
    margin-bottom: 6px;
}

.sidebar a:hover {
    background: #1f2937;
    color: #ffffff;
}

.content {
    margin-left: 240px;
    width: calc(100% - 240px);
}

.login-body {
    background: #111827;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.login-card {
    width: 390px;
}

.stat-card {
    border: 0 !important;
    border-left: 5px solid #6b7280 !important;
}

.stat-card.ok {
    border-left-color: #16a34a !important;
}

.stat-card.down {
    border-left-color: #dc2626 !important;
}

.stat-card.warning {
    border-left-color: #f59e0b !important;
}

.status-online {
    background: #16a34a;
}

.status-down {
    background: #dc2626;
}

.status-warning {
    background: #f59e0b;
}

.status-unknown {
    background: #6b7280;
}

.severity-critical {
    background: #dc2626;
}

.severity-warning {
    background: #f59e0b;
}

.alert-box {
    border-left: 4px solid #6b7280;
    padding: 10px;
    background: #f9fafb;
    margin-bottom: 10px;
    border-radius: 6px;
}

.alert-box.critical {
    border-left-color: #dc2626;
}

.alert-box.warning {
    border-left-color: #f59e0b;
}