/* pages/maintenance/css/style.css */

/* Basis Layout */
body { 
    background-color: #050a14; 
    min-height: 100vh;
    overflow-x: hidden;
    padding-bottom: 80px; 
}

main { flex-grow: 1; } 

/* Glas-Optik */
.glass-panel { 
    background: var(--cardBg, rgba(0,0,0,0.6)); 
    border: 1px solid #333; 
    backdrop-filter: blur(10px); 
}
.glass-header { 
    background: rgba(255,255,255,0.05); 
    border-bottom: 1px solid #333; 
    padding: 10px 15px; 
    display: flex; 
    justify-content: space-between; 
    align-items: center; 
}

/* Progress Bar */
.progress-bar-bg { background: rgba(255,255,255,0.1); height: 6px; border-radius: 3px; overflow: hidden; }
.progress-bar-fill { height: 100%; transition: width 1s ease-out; }

/* Countdown */
.cd-box { background: rgba(0,0,0,0.8); border: 1px solid #333; padding: 10px; border-radius: 4px; min-width: 65px; text-align: center; }
.cd-num { font-family: 'Orbitron', sans-serif; font-size: 1.2rem; font-weight: bold; color: #fff; display: block; }
.cd-label { font-size: 0.6rem; color: #00ffff; text-transform: uppercase; letter-spacing: 1px; }

/* Scrollbars weg */
.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

/* Text Glow Effekte */
.text-glow { text-shadow: 0 0 10px rgba(0, 255, 255, 0.7); }
.blink { animation: blinker 1.5s linear infinite; }

@keyframes blinker {
  50% { opacity: 0; }
}