.tricolor-bar {
            background: linear-gradient(to right, #FF9933 33%, #FFFFFF 33%, #FFFFFF 66%, #138808 66%);
        }
        .card-glow {
            box-shadow: 0 10px 30px -5px rgba(30, 58, 138, 0.1);
        }
        .stats-card {
            transition: all 0.3s ease;
        }
        .stats-card:hover {
            transform: translateY(-5px);
        }
        .grievance-item {
            transition: all 0.3s ease;
        }
        .grievance-item:hover {
            background-color: #f8fafc;
        }
        .sidebar {
            transition: all 0.3s ease;
        }
        @media (max-width: 768px) {
            .sidebar {
                transform: translateX(-100%);
            }
            .sidebar.active {
                transform: translateX(0);
            }
        }
        
        /* Feedback Form Styles */
        .feedback-section {
            background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%);
        }
        .rating-stars {
            display: flex;
            justify-content: center;
            gap: 8px;
            margin: 20px 0;
        }
        .rating-stars input {
            display: none;
        }
        .rating-stars label {
            font-size: 2rem;
            color: #d1d5db;
            cursor: pointer;
            transition: color 0.2s;
        }
        .rating-stars input:checked ~ label,
        .rating-stars label:hover,
        .rating-stars label:hover ~ label {
            color: #fbbf24;
        }
        .feedback-emoji {
            font-size: 3rem;
            margin-bottom: 15px;
        }
        .feedback-category {
            display: flex;
            align-items: center;
            padding: 15px;
            border-radius: 12px;
            background-color: white;
            margin-bottom: 15px;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
            transition: all 0.3s ease;
        }
        .feedback-category:hover {
            transform: translateY(-2px);
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
        }
        .feedback-category input[type="checkbox"] {
            margin-right: 15px;
            transform: scale(1.2);
        }
        .feedback-category label {
            flex-grow: 1;
            cursor: pointer;
        }
        .success-message {
            display: none;
            background-color: #dcfce7;
            border: 1px solid #bbf7d0;
            border-radius: 12px;
            padding: 20px;
            margin-top: 20px;
            text-align: center;
        }
        /* Make Google Translate widget compact */
.gt_float_switcher {
    font-size: 12px !important;
    border-radius: 6px !important;
    min-height: auto !important;
}

.gt_float_switcher .gt-selected .gt-current-lang {
    padding: 6px 10px !important;
}

.gt_float_switcher img {
    width: 20px !important;
    height: 15px !important;
    margin: 0 3px 0 0 !important;
}

.gt_float_switcher .gt-selected .gt-current-lang span.gt-lang-code {
    font-size: 11px !important;
}

.gt_float_switcher .gt_options a {
    padding: 6px 10px !important;
    font-size: 11px !important;
}