/* Dark theme with red accents */
body {
    background: #0a0a0a;
}

.glass-card {
    backdrop-filter: blur(12px);
    background: rgba(30, 10, 10, 0.8);
    border-radius: 12px;
    padding: 12px;
    box-shadow: 0 4px 30px rgba(0,0,0,0.1);
    border: 1px solid rgba(229, 57, 53, 0.2);
}

.nav-btn {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 8px;
    border-radius: 12px;
    color: rgba(255, 255, 255, 0.5);
    transition: all 0.2s;
}

.nav-btn:hover {
    background: rgba(229, 57, 53, 0.1);
}

.nav-btn.active {
    background: rgba(229, 57, 53, 0.2);
    color: #ef5350;
}

.container-card {
    background: rgba(20, 5, 5, 0.6);
    border-radius: 12px;
    padding: 12px;
    border: 1px solid rgba(229, 57, 53, 0.15);
}

.status-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: inline-block;
}

.status-running {
    background: #4caf50;
    box-shadow: 0 0 8px #4caf50;
}

.status-stopped {
    background: #e53935;
    box-shadow: 0 0 8px #e53935;
}

.animate-pulse {
    animation: pulse 2s infinite;
}

@keyframes pulse {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.5; }
}

/* Scrollbar */
::-webkit-scrollbar {
    width: 6px;
}
::-webkit-scrollbar-track {
    background: #0a0a0a;
}
::-webkit-scrollbar-thumb {
    background: #e53935;
    border-radius: 3px;
}