@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
        body {
            font-family: 'Inter', sans-serif;
            background-color: #0d0d0d;
            color: #d4d4d2;
        }
        .container {
            max-width: 1200px;
        }
        .card {
            background-color: #1a1a1a;
            border: 1px solid #333333;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
            transition: transform 0.3s ease-in-out;
        }
        .card:hover {
            transform: translateY(-5px);
        }
        .btn-gold {
            background-color: #c6a44e;
            color: #1a1a1a;
            box-shadow: 0 4px 8px rgba(198, 164, 78, 0.3);
            transition: background-color 0.3s ease-in-out;
        }
        .btn-gold:hover {
            background-color: #ffd700;
        }
        .text-platinum {
            color: #d4d4d2;
        }
        .text-gold {
            color: #c6a44e;
        }
        .text-gold-hover:hover {
            color: #ffd700;
        }
        .icon-plus {
            background-color: #2e8b57;
            color: white;
        }
        .icon-minus {
            background-color: #b22222;
            color: white;
        }
        .dropdown {
            position: relative;
            display: inline-block;
        }
        .dropdown-content {
            display: none;
            position: absolute;
            background-color: #1a1a1a;
            min-width: 160px;
            box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.4);
            z-index: 1;
            right: 0;
            top: 40px;
            border-radius: 0.5rem;
            overflow: hidden;
        }
        .dropdown-content a, .dropdown-content button {
            color: #d4d4d2;
            padding: 12px 16px;
            text-decoration: none;
            display: block;
            text-align: left;
            width: 100%;
            border: none;
            background: none;
        }
        .dropdown-content a:hover, .dropdown-content button:hover {
            background-color: #333333;
        }
        .dropdown:hover .dropdown-content {
            display: block;
        }
        .progress-bar-container {
            width: 100%;
            background-color: #333;
            border-radius: 9999px;
            height: 8px;
            overflow: hidden;
        }
        .progress-bar {
            height: 100%;
            border-radius: 9999px;
            transition: width 0.3s ease-in-out;
        }
        .progress-bar.necessidades { background-color: #2e8b57; }
        .progress-bar.desejos { background-color: #4682b4; }
        .progress-bar.metas { background-color: #c6a44e; }
        
        /* Animações para alertas */
        .alert-slide-in {
            animation: slideInRight 0.3s ease-out;
        }
        @keyframes slideInRight {
            from { transform: translateX(100%); opacity: 0; }
            to { transform: translateX(0); opacity: 1; }
        }
        
        /* Estilos para bandeiras de cartão */
        .card-brand-visa { background: linear-gradient(135deg, #1a1f71, #0f3460); }
        .card-brand-mastercard { background: linear-gradient(135deg, #eb001b, #f79e1b); }
        .card-brand-elo { background: linear-gradient(135deg, #ffcb05, #ff6900); }
        .card-brand-american-express { background: linear-gradient(135deg, #006fcf, #00a9e0); }
        .card-brand-hipercard { background: linear-gradient(135deg, #e31e24, #f47920); }
        .card-brand-outros { background: linear-gradient(135deg, #6b7280, #374151); }