/** Page landing **/    
:root {
            --primary: #006E5F;
            --secondary: #2E3134;
            --tertiary: #1D1D22;
            --white: #FFFFFF;
            --light-bg: #F8FAFC;
            --primary-font: 'Mulish', 'Seravek', 'Gill Sans Nova', 'Ubuntu', 'Calibri', 'DejaVu Sans', 'source-sans-pro', sans-serif;
            --secondary-font: 'Poppins', 'Inter', 'Roboto', 'Helvetica Neue', 'Arial Nova', 'Nimbus Sans', 'Arial', sans-serif;
        }
        
        body {
            font-family: var(--primary-font);
        }
        
        h1, h2, h3, h4, h5, h6 {
            font-family: var(--secondary-font);
        }
        
        .bg-primary { background-color: var(--primary); }
        .bg-secondary { background-color: var(--secondary); }
        .bg-tertiary { background-color: var(--tertiary); }
        .text-primary { color: var(--primary); }
        .text-secondary { color: var(--secondary); }
        .border-primary { border-color: var(--primary); }
        
        /* Custom animations */
        @keyframes fadeIn {
            from { opacity: 0; transform: translateY(20px); }
            to { opacity: 1; transform: translateY(0); }
        }
        
        .animate-fade-in {
            animation: fadeIn 0.6s ease-out;
        }
        
        /* Mobile menu toggle */
        #mobile-menu {
            transition: transform 0.3s ease-in-out;
        }
        
        #mobile-menu.hidden {
            transform: translateX(-100%);
        }


/** Page admin dashboard **/       

        
        
       
        
       
        /* Sidebar styling */
        .sidebar-link {
            transition: all 0.2s;
        }
        
        .sidebar-link:hover {
            background-color: rgba(0, 110, 95, 0.1);
            color: var(--primary);
        }
        
        .sidebar-link.active {
            background-color: rgba(0, 110, 95, 0.1);
            color: var(--primary);
            border-left: 3px solid var(--primary);
        }
        
        /* Status badges */
        .status-pending { background-color: #fef3c7; color: #92400e; }
        .status-approved { background-color: #d1fae5; color: #065f46; }
        .status-rejected { background-color: #fee2e2; color: #991b1b; }
        .status-claimed { background-color: #dbeafe; color: #1e40af; }
        
        /* Card hover effects */
        .stat-card {
            transition: transform 0.2s, box-shadow 0.2s;
        }
        
        .stat-card:hover {
            transform: translateY(-2px);
            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
        }
        
        /* Tab styling */
        .tab-button {
            position: relative;
            padding-bottom: 0.75rem;
            transition: all 0.2s;
        }
        
        .tab-button.active {
            color: var(--primary);
        }
        
        .tab-button.active::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            height: 3px;
            background-color: var(--primary);
        }

/** Page affiliate search **/

    /* Custom scrollbar for filters */
        .custom-scrollbar::-webkit-scrollbar {
            width: 6px;
        }
        
        .custom-scrollbar::-webkit-scrollbar-track {
            background: #f1f1f1;
            border-radius: 3px;
        }
        
        .custom-scrollbar::-webkit-scrollbar-thumb {
            background: #888;
            border-radius: 3px;
        }
        
        .custom-scrollbar::-webkit-scrollbar-thumb:hover {
            background: #555;
        }
        
        /* Checkbox styling */
        .custom-checkbox {
            appearance: none;
            width: 18px;
            height: 18px;
            border: 2px solid #d1d5db;
            border-radius: 3px;
            position: relative;
            cursor: pointer;
            transition: all 0.2s;
        }
        
        .custom-checkbox:checked {
            background-color: var(--primary);
            border-color: var(--primary);
        }
        
        .custom-checkbox:checked::after {
            content: '✓';
            position: absolute;
            top: -2px;
            left: 2px;
            color: white;
            font-size: 14px;
        }
        
        /* Star rating */
        .star-rating {
            display: inline-flex;
            gap: 2px;
        }
        
        .star {
            color: #e5e7eb;
        }
        
        .star.filled {
            color: #fbbf24;
        }