/*
 * RoganSecure Tailwind Theme - v16.2
 * Compiled for Offline PWA Support
 */
:root {
    --neon-cyan: #00e5ff;
    --bg-dark: #02040a;
    --glass-border: rgba(0, 229, 255, 0.3);
    --shattered-glow: 0 0 30px rgba(0, 229, 255, 0.4);
    --neon-purple: #bc13fe;
    --neon-red: #ff003c;
    --neon-green: #32ff32;
    --neon-yellow: #ffe600;
    --font-orbitron: 'Orbitron', sans-serif;
    --font-rajdhani: 'Rajdhani', sans-serif;
}
*, ::before, ::after { box-sizing: border-box; border-width: 0; border-style: solid; border-color: #e5e7eb; }
html { line-height: 1.5; -webkit-text-size-adjust: 100%; -moz-tab-size: 4; tab-size: 4; font-family: var(--font-rajdhani); }
body { margin: 0; background: var(--bg-dark); color: #ffffff; }

/* Utilities */
.shattered-glass {
    background: linear-gradient(135deg, rgba(255,255,255,0.05) 0%, rgba(255,255,255,0.01) 100%);
    backdrop-filter: blur(10px);
    border: 1px solid var(--glass-border);
    box-shadow: var(--shattered-glow), inset 0 0 20px rgba(0,229,255,0.05);
    border-radius: 4px;
}
.neon-text { color: var(--neon-cyan); text-shadow: 0 0 10px rgba(0,229,255,0.8); }
.neon-text-green { color: var(--neon-green); text-shadow: 0 0 10px rgba(50,255,50,0.6); }
.neon-text-red { color: var(--neon-red); text-shadow: 0 0 10px rgba(255,0,60,0.6); }
.locked-block { cursor: not-allowed; pointer-events: none; opacity: 0.5; }

/* Components */
.rs-dropdown {
    background: #000; border: 1px solid rgba(0,229,255,0.4); color: var(--neon-cyan);
    font-size: 10px; font-family: var(--font-orbitron); padding: 6px 10px; width: 100%;
    outline: none; cursor: pointer; border-radius: 4px;
}
.rs-dropdown:hover { box-shadow: 0 0 20px rgba(0,229,255,0.6); border-color: rgba(0,229,255,0.8); }

input[type="range"] {
    -webkit-appearance: none; appearance: none; background: rgba(0,229,255,0.1);
    height: 4px; border-radius: 5px; width: 100%;
}
input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none; height: 14px; width: 14px; border-radius: 50%;
    background: var(--neon-cyan); cursor: pointer; transition: all 0.3s ease;
}
input[type="range"]::-webkit-slider-thumb:hover { box-shadow: 0 0 20px rgba(0,229,255,1); transform: scale(1.2); }

.btn-on { background: rgba(50,255,50,0.1); border: 1px solid rgba(50,255,50,0.4); color: #32ff32; }
.btn-off { background: rgba(255,50,50,0.1); border: 1px solid rgba(255,50,50,0.4); color: #ff3232; }

@media (min-width: 640px) { .sm\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 768px) { .md\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (min-width: 1024px) { .lg\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } }