@import "tailwindcss";

.neon-text {
    text-shadow: 0 0 5px #d946ef, 0 0 20px #a855f7, 0 0 30px #9333ea;
}

#status-indicator {
    position: absolute;
    top: 10px;
    right: 20px;
    width: 20px;
    height: 20px;
    box-shadow: 0 0 8px rgb(139 92 246 / 0.7);
    background-color: #22c55e;
    animation: blink 1.5s infinite;
    z-index: 10;
}

@keyframes blink {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.6; }
}

.status-online {
    background-color: #22c55e;
    animation: blink 1.5s infinite;
}

.status-idle {
    background-color: #f59e0b;
    animation: blink 1.5s infinite;
}

.status-offline {
    background-color: #ef4444;
    animation: blink 1.5s infinite;
}