/* ============================================
   ENERGIA COMPARTILHADA - Global Styles
   ============================================ */

* { font-family: 'Inter', sans-serif; }

/* Scrollbar */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #0B111B; }
::-webkit-scrollbar-thumb { background: #2D3748; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #FF5722; }

/* Animations */
@keyframes float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-20px); } }
@keyframes fadeInUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } }
@keyframes pulse-glow { 0%, 100% { box-shadow: 0 0 20px rgba(255,87,34,0.3); } 50% { box-shadow: 0 0 40px rgba(255,87,34,0.5); } }
@keyframes slideInLeft { from { opacity: 0; transform: translateX(-30px); } to { opacity: 1; transform: translateX(0); } }
@keyframes slideInRight { from { opacity: 0; transform: translateX(30px); } to { opacity: 1; transform: translateX(0); } }

.animate-float { animation: float 6s ease-in-out infinite; }
.animate-fade-in { animation: fadeInUp 0.6s ease-out forwards; }
.animate-pulse-glow { animation: pulse-glow 3s ease-in-out infinite; }

/* Gradient Text */
.gradient-text {
    background: linear-gradient(135deg, #FF5722, #FF8A65);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Glass effect */
.glass { backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); }

/* Card transitions */
.card-lift { transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); }
.card-lift:hover { transform: translateY(-8px); box-shadow: 0 20px 40px rgba(0,0,0,0.3); }

/* Input Styles */
.input-dark {
    background: #161D2B;
    border: 1px solid #2D3748;
    color: #FFFFFF;
    transition: all 0.3s;
}
.input-dark:focus {
    border-color: #FF5722;
    box-shadow: 0 0 0 3px rgba(255,87,34,0.1);
    outline: none;
}
.input-dark::placeholder { color: #64748B; }

/* Button Styles */
.btn-primary {
    background: linear-gradient(135deg, #FF5722, #FF6333);
    color: #fff;
    font-weight: 700;
    transition: all 0.3s;
}
.btn-primary:hover {
    background: linear-gradient(135deg, #FF6333, #FF5722);
    box-shadow: 0 8px 25px rgba(255,87,34,0.35);
    transform: translateY(-2px);
}

/* Status badges */
.badge-active { background: rgba(16,185,129,0.15); color: #10B981; border: 1px solid rgba(16,185,129,0.3); }
.badge-pending { background: rgba(245,158,11,0.15); color: #F59E0B; border: 1px solid rgba(245,158,11,0.3); }
.badge-verified { background: rgba(59,130,246,0.15); color: #3B82F6; border: 1px solid rgba(59,130,246,0.3); }

/* Sidebar */
.sidebar-link {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    border-radius: 12px;
    color: #94A3B8;
    transition: all 0.3s;
    font-size: 14px;
    font-weight: 500;
}
.sidebar-link:hover, .sidebar-link.active {
    background: #FF5722;
    color: #FFFFFF;
}

/* Progress bar */
.progress-bar {
    background: #2D3748;
    border-radius: 999px;
    overflow: hidden;
    height: 8px;
}
.progress-fill {
    background: linear-gradient(90deg, #FF5722, #FF8A65);
    height: 100%;
    border-radius: 999px;
    transition: width 1s ease-in-out;
}

/* Table Styles */
.table-dark th {
    background: #0E1420;
    color: #94A3B8;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: 600;
    padding: 12px 16px;
    border-bottom: 1px solid #2D3748;
}
.table-dark td {
    padding: 14px 16px;
    border-bottom: 1px solid #2D3748;
    color: #FFFFFF;
    font-size: 14px;
}
.table-dark tr:hover td { background: #1E2A3A; }

/* Toast Notifications */
.toast {
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 10000;
    padding: 16px 24px;
    border-radius: 12px;
    font-weight: 500;
    animation: slideInRight 0.3s ease-out;
    max-width: 400px;
}
.toast-success { background: #10B981; color: white; }
.toast-error { background: #EF4444; color: white; }
.toast-info { background: #3B82F6; color: white; }