body { font-family: 'Segoe UI', system-ui, -apple-system, sans-serif; background-color: #f4f6f9; }

#sidebar { transition: margin-left 0.3s ease; }
#sidebar .nav-link:hover { background: rgba(255,255,255,0.1); border-radius: 6px; }
#sidebar .nav-link.active { background: rgba(255,255,255,0.15); border-radius: 6px; }

.card { border-radius: 10px; }
.table th { font-weight: 600; font-size: 0.85rem; text-transform: uppercase; letter-spacing: 0.03em; }

.survey-option { cursor: pointer; transition: background 0.15s; }
.survey-option:hover { background: #f0f7ff; }
.survey-option:has(input:checked) { background: #e7f1ff; border-color: #0d6efd !important; }

@media (max-width: 768px) {
    #sidebar { position: fixed; left: -260px; z-index: 1050; transition: left 0.3s; }
    #sidebar.show { left: 0; }
    #page-content-wrapper { width: 100% !important; }
    .flow-node { min-width: 160px; max-width: 220px; }
}

@media (max-width: 480px) {
    .container-fluid { padding: 12px !important; }
    .btn-lg { font-size: 1rem; padding: 10px 20px; }
}

.progress { border-radius: 20px; }
.progress-bar { border-radius: 20px; }