:root {
    --color-primary: #0B3A82;
    --color-accent-green: #0E7D45;
    --color-accent-orange: #FE8100;
    --color-bg-muted: #F5F7FA;
}
body { background: var(--color-bg-muted); }
.btn-primary { background-color: var(--color-primary); border-color: var(--color-primary); }
.text-primary { color: var(--color-primary) !important; }
.card { border: none; box-shadow: 0 1px 6px rgba(0,0,0,0.06); }
.form-section-title { color: var(--color-primary); font-weight: 700; margin-top: 1.5rem; margin-bottom: 1rem; border-left: 4px solid var(--color-accent-orange); padding-left: 10px; }
.otp-input { letter-spacing: 8px; font-size: 1.5rem; text-align: center; }
.status-badge-pending { background: #fff3cd; color: #856404; }
.status-badge-active { background: #d4edda; color: #155724; }
.status-badge-inactive, .status-badge-blocked { background: #f8d7da; color: #721c24; }

/* Team Portal specific */
.notification-panel {
    background: #F5F7FA;
    border-radius: 8px;
    padding: 1.5rem;
    max-height: 500px;
    overflow-y: auto;
}
.notification-item {
    border-bottom: 1px solid #e0e0e0;
    padding: 10px 0;
}
.notification-item:last-child {
    border-bottom: none;
}
.task-count-card {
    text-align: center;
}