body { background-color: #000000; color: #e2e2e2; }

.glass-panel {
    background: rgba(17, 17, 17, 0.8);
    border: 1px solid #222222;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}
.glow-hover:hover {
    box-shadow: 0 0 12px rgba(255, 92, 0, 0.3);
    border-color: rgba(255, 92, 0, 0.5);
    transition: all 0.3s ease;
}
.accent-top { border-top: 2px solid #ff5c00; }

.progress-ring__circle {
    transition: stroke-dashoffset 0.8s ease-in-out;
    transform: rotate(-90deg);
    transform-origin: 50% 50%;
}

.sparkline-path { stroke-dasharray: 1000; stroke-dashoffset: 1000; animation: drawLine 2s ease-out forwards; }
@keyframes drawLine { to { stroke-dashoffset: 0; } }

.metric-empty {
    opacity: 0.35;
    filter: grayscale(1);
}
.metric-empty .metric-empty-badge { display: flex; }
.metric-empty-badge { display: none; }

body { min-height: max(884px, 100dvh); }