:root {
    --brand: #515252;
    --brand-light: #6f7070;
    --brand-orange: #e8622b;
}

body {
    background-color: #f5f7fa;
}

.app-navbar {
    background-color: var(--brand);
}

.card {
    border: none;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}

.stat-card {
    border-radius: 12px;
    padding: 1.25rem;
    color: #fff;
}

.stat-card h2 {
    font-size: 2rem;
    margin-bottom: 0;
}

.stat-card.blue { background: var(--brand); }
.stat-card.green { background: #2e7d32; }
.stat-card.orange { background: #ef6c00; }
.stat-card.purple { background: #6a1b9a; }

.badge-stage {
    font-size: 0.75rem;
}

.table-hover tbody tr {
    cursor: pointer;
}

.login-wrapper {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, var(--brand), var(--brand-light));
}

.login-card {
    max-width: 380px;
    width: 100%;
}