:root{--modern-primary: #6366f1;--modern-primary-light: #818cf8;--modern-secondary: #0f172a;--modern-bg: #f8fafc;--modern-card-bg: rgba(255, 255, 255, .7);--modern-glass-border: rgba(255, 255, 255, .2);--modern-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--modern-shadow-hover: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--modern-radius: 12px}[data-polaris-mode=dark]{--modern-bg: #020617;--modern-card-bg: rgba(15, 23, 42, .7);--modern-glass-border: rgba(255, 255, 255, .05);--modern-shadow: 0 4px 6px -1px rgb(0 0 0 / .3)}body{background-color:var(--modern-bg);color:var(--modern-secondary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.glass-card{background:var(--modern-card-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--modern-glass-border);box-shadow:var(--modern-shadow);transition:all .3s ease}.glass-card:hover{transform:translateY(-2px);box-shadow:var(--modern-shadow-hover)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .5s ease-out forwards}@keyframes pulse-soft{0%{transform:scale(1);opacity:.5}50%{transform:scale(1.2);opacity:.8}to{transform:scale(1);opacity:.5}}.pulse-icon{animation:pulse-soft 2s infinite ease-in-out}.metric-card{padding:1.5rem;border-radius:var(--modern-radius)}.metric-value{font-size:1.875rem;font-weight:700;letter-spacing:-.025em;margin:.5rem 0}.metric-label{font-size:.875rem;color:#64748b;font-weight:500}.metric-trend{display:flex;align-items:center;gap:.25rem;font-size:.75rem;font-weight:600}.trend-up{color:#10b981}.trend-down{color:#f43f5e}.modern-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}