/* Netflix Android TV Theme */
:root {
    --netflix-red: #e50914;
    --netflix-black: #000000;
    --netflix-dark: #141414;
    --netflix-gray: #b3b3b3;
    --netflix-white: #ffffff;
}

body {
    background: var(--netflix-black) !important;
    font-family: 'Roboto', sans-serif !important;
}

.navbar {
    background: linear-gradient(to bottom, rgba(0,0,0,0.95) 0%, rgba(0,0,0,0.7) 70%, transparent 100%) !important;
}

.logo {
    color: var(--netflix-red) !important;
    font-weight: 700 !important;
    letter-spacing: 2px !important;
}

.nav-link {
    color: var(--netflix-white) !important;
}

.nav-link:hover {
    color: var(--netflix-gray) !important;
}

.hero {
    background: linear-gradient(to right, rgba(20,20,20,0.9) 0%, rgba(20,20,20,0.5) 50%, rgba(20,20,20,0.1) 100%),
                linear-gradient(135deg, #1a1a2e 0%, #16213e 100%) !important;
}

.card {
    background: rgba(255,255,255,0.05) !important;
    border-radius: 4px !important;
}

.card:hover {
    transform: scale(1.05) !important;
    z-index: 10 !important;
}

.row-title {
    font-size: 24px !important;
    font-weight: 600 !important;
}

.sidebar-item {
    background: rgba(255,255,255,0.05) !important;
}

.sidebar-item:hover, .sidebar-item.active {
    background: rgba(255,255,255,0.1) !important;
}

.btn {
    background: var(--netflix-red) !important;
    border: none !important;
    border-radius: 4px !important;
}

.btn:hover {
    background: #f40612 !important;
}

.message.success {
    background: rgba(34, 197, 94, 0.2) !important;
    border-left: 4px solid #4ade80 !important;
}

.message.error {
    background: rgba(239, 68, 68, 0.2) !important;
    border-left: 4px solid #ef4444 !important;
}