:root{--dv-bg-base: #f8f9fa;--dv-bg-surface: #ffffff;--dv-bg-card: #ffffff;--dv-bg-card-hover: #f0f5ff;--dv-border: #e0e6ee;--dv-border-active: #0D73FC;--dv-blue: #0D73FC;--dv-blue-hover: #0a5fd4;--dv-blue-dim: rgba(13, 115, 252, .12);--dv-blue-glow: rgba(13, 115, 252, .18);--dv-topbar: #335e83;--dv-dark: #25272A;--dv-green: #58c13b;--dv-green-hover: #46a82e;--dv-green-dim: rgba(88, 193, 59, .15);--dv-text-primary: #25272A;--dv-text-secondary:#69727d;--dv-text-muted: #C3C3C3;--dv-text-on-dark: #ffffff;--dv-warn: #f59e0b;--dv-danger: #ef4444;--dv-info: #0D73FC;--dv-radius-sm: 6px;--dv-radius-md: 8px;--dv-radius-lg: 12px;--dv-shadow: 0 4px 20px rgba(0, 0, 0, .08);--dv-shadow-hover: 0 8px 30px rgba(0, 0, 0, .14);--dv-font: "Open Sans", sans-serif;--dv-font-tight: "Open Sans", sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:var(--dv-bg-base);color:var(--dv-text-primary);font-family:var(--dv-font);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased}.dv-card{background:var(--dv-bg-card);border:1px solid var(--dv-border);border-radius:var(--dv-radius-md);padding:16px;box-shadow:var(--dv-shadow)}.dv-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--dv-text-secondary)}.dv-value{font-family:var(--dv-font-tight);font-size:28px;font-weight:700;color:var(--dv-text-primary);line-height:1.1}.dv-unit{font-size:13px;font-weight:400;color:var(--dv-text-secondary);margin-left:4px}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--dv-text-muted)}.status-dot.active{background:var(--dv-green);box-shadow:0 0 6px var(--dv-green-dim)}.status-dot.warning{background:var(--dv-warn)}.status-dot.danger{background:var(--dv-danger)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--dv-bg-base)}::-webkit-scrollbar-thumb{background:var(--dv-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#c0c8d4}