:root { --primary: #f8ae33; }
        body { background: #f0f2f5; }
        .navbar-custom { background: linear-gradient(135deg, var(--primary) 0%, #e59c22 100%); }
        .stat-card { border: none; border-radius: 15px; transition: all 0.3s; cursor: pointer; }
        .stat-card:hover { transform: translateY(-5px); box-shadow: 0 10px 25px rgba(0,0,0,0.1); }
        .card-stat-number {  font-weight: 700; }
        .table-custom { border-radius: 15px; overflow: hidden; }
        .table-custom thead { background: var(--primary); color: white; }
        .info-card { border-radius: 15px; border-left: 4px solid var(--primary); }
        .btn-pix { background: linear-gradient(135deg, #00a86b 0%, #00875a 100%); border: none; color: white; padding: 12px 30px; font-weight: 600; }
        .btn-pix:hover { transform: scale(1.05); color: white; }
        .modal-header-pix { background: linear-gradient(135deg, var(--primary) 0%, #e59c22 100%); color: white; border: none; }
        .loading-spinner { display: inline-block; width: 20px; height: 20px; border: 2px solid #f3f3f3; border-top: 2px solid var(--primary); border-radius: 50%; animation: spin 1s linear infinite; }
        @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
        .badge-orange { background-color: #fd7e14; color: white; }
        .btn-logout { background: rgba(255,255,255,0.2); border: none; color: white; }
        .btn-logout:hover { background: rgba(255,255,255,0.3); color: white; }
        .profile-avatar { width: 60px; height: 60px; background: var(--primary); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 24px; color: white; }
        @keyframes fadeIn { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }
        .fade-in { animation: fadeIn 0.5s ease-out; }
        .months-selector { max-width: 200px; margin: 0 auto; }
        #debugPanel { background: #1e1e1e; color: #0f0; font-family: monospace; font-size: 11px; padding: 8px; border-radius: 8px; max-height: 300px; overflow: auto; position: fixed; bottom: 10px; right: 10px; width: 450px; z-index: 9999; }
		
		        :root { --primary: #f8ae33; --primary-dark: #e59c22; }
        body { background: #f0f2f5; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; }
        .navbar-custom { background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%); box-shadow: 0 2px 10px rgba(0,0,0,0.1); }
        .contact-card { border: none; border-radius: 15px; transition: all 0.3s; }
        .contact-card:hover { transform: translateY(-5px); box-shadow: 0 10px 25px rgba(0,0,0,0.1); }
        .faq-item { border-left: 3px solid var(--primary); margin-bottom: 15px; transition: all 0.3s; cursor: pointer; }
        .faq-item:hover { background: #f8f9fa; transform: translateX(5px); }
        .btn-logout { background: rgba(255,255,255,0.2); border: none; color: white; transition: all 0.3s; }
        .btn-logout:hover { background: rgba(255,255,255,0.3); transform: scale(1.05); }
        .btn-support { background: var(--primary); border: none; transition: all 0.3s; }
        .btn-support:hover { background: var(--primary-dark); transform: translateY(-2px); }
        @keyframes fadeIn { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }
        .fade-in { animation: fadeIn 0.5s ease-out; }
		
		        :root { --primary: #f8ae33; --primary-dark: #e59c22; }
        body { background: #f0f2f5; }
        .navbar-custom { background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%); }
        .profile-card { border: none; border-radius: 20px; overflow: hidden; }
        .profile-header { background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%); padding: 30px; text-align: center; color: white; }
        .profile-avatar { width: 100px; height: 100px; background: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 15px; font-size: 48px; color: var(--primary); }
        .btn-logout { background: rgba(255,255,255,0.2); border: none; color: white; }
        .btn-logout:hover { background: rgba(255,255,255,0.3); }
        .btn-save { background: var(--primary); border: none; color: white; font-weight: 600; padding: 12px 30px; border-radius: 50px; transition: all 0.3s; }
        .btn-save:hover { background: var(--primary-dark); transform: scale(1.02); }
        @keyframes fadeIn { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }
        .fade-in { animation: fadeIn 0.5s ease-out; }
        .form-control:focus, .form-select:focus { border-color: var(--primary); box-shadow: 0 0 0 0.2rem rgba(248,174,51,0.25); }
		
		        :root { --primary: #f8ae33; --primary-dark: #e59c22; }
        body { background: #f0f2f5; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; }
        .navbar-custom { background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%); box-shadow: 0 2px 10px rgba(0,0,0,0.1); }
        .table-custom { border-radius: 15px; overflow: hidden; box-shadow: 0 2px 10px rgba(0,0,0,0.05); }
        .table-custom thead { background: var(--primary); color: white; }
        .table-custom th { font-weight: 600; padding: 15px; border: none; }
        .table-custom td { padding: 12px 15px; vertical-align: middle; }
        .btn-logout { background: rgba(255,255,255,0.2); border: none; color: white; transition: all 0.3s; }
        .btn-logout:hover { background: rgba(255,255,255,0.3); transform: scale(1.05); }
        .timeline { position: relative; padding-left: 30px; }
        .timeline::before { content: ''; position: absolute; left: 10px; top: 0; bottom: 0; width: 2px; background: var(--primary); }
        .timeline-item { position: relative; margin-bottom: 25px; }
        .timeline-dot { position: absolute; left: -26px; top: 5px; width: 12px; height: 12px; border-radius: 50%; background: var(--primary); border: 2px solid white; box-shadow: 0 0 0 2px var(--primary); }
        @keyframes fadeIn { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }
        .fade-in { animation: fadeIn 0.5s ease-out; }
        .badge-orange { background-color: #fd7e14; color: white; }