body { font-family: 'Inter', sans-serif; }
.glass-panel { background: rgba(30, 41, 59, 0.7); backdrop-filter: blur(12px); border: 1px solid rgba(255,255,255,0.08); box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1); }
.glass-modal { background: rgba(15, 23, 42, 0.95); backdrop-filter: blur(16px); border: 1px solid rgba(255,255,255,0.1); }
.search-input { background: rgba(15, 23, 42, 0.8); transition: all 0.2s; }
.search-input:focus { background: rgba(30, 41, 59, 1); border-color: #3b82f6; outline: none; }

/* Scanner Radar Animation */
.radar-sweep {
    position: absolute;
    top: 50%; left: 50%;
    width: 100%; height: 100%;
    background: conic-gradient(from 0deg, transparent 0deg, rgba(59, 130, 246, 0.1) 60deg, rgba(59, 130, 246, 0.4) 90deg, transparent 91deg);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    animation: radar-spin 2s linear infinite;
}
@keyframes radar-spin { from { transform: translate(-50%, -50%) rotate(0deg); } to { transform: translate(-50%, -50%) rotate(360deg); } }


/* Gauge Circle */
.circle-chart__circle { animation: circle-chart-fill 1s reverse; transform: rotate(-90deg); transform-origin: center; }
@keyframes circle-chart-fill { to { stroke-dasharray: 0 100; } }


/* Custom Scrollbar for Terminal */
.terminal-scroll::-webkit-scrollbar { width: 6px; }
.terminal-scroll::-webkit-scrollbar-track { background: #0f172a; }
.terminal-scroll::-webkit-scrollbar-thumb { background: #334155; border-radius: 3px; }

/* Button States */
button:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

/* Fade In Animation */
.fade-in {
    animation: fadeIn 0.3s ease-in;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Error Message Animation */
#errorMsg:not(.hidden) {
    animation: slideDown 0.3s ease-out;
}

@keyframes slideDown {
    from { opacity: 0; transform: translateY(-10px); }
    to { opacity: 1; transform: translateY(0); }
}