:root{--glass-bg: rgba(15, 23, 42, .7);--glass-border: rgba(255, 255, 255, .1);--vibrant-indigo: #6366f1;--vibrant-purple: #8b5cf6;--vibrant-emerald: #10b981}body{margin:0;font-family:Inter,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.glass-card{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:0 8px 32px #0000005e}.gradient-text{background:linear-gradient(135deg,var(--vibrant-indigo),var(--vibrant-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.bg-vibrant{background:linear-gradient(135deg,var(--vibrant-indigo) 0%,var(--vibrant-purple) 100%)}.bg-emerald-vibrant{background:linear-gradient(135deg,#059669,#10b981)}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .5s ease-out forwards}.chart-dot{filter:drop-shadow(0 0 4px rgba(99,102,241,.8))}.donut-segment{transition:stroke-dashoffset 1s ease-in-out}