:root{--gradient-primary: radial-gradient(circle at 0% 0%, #7c4dff 0%, #00e5ff 40%, #ff4081 90%);--gradient-sidebar: linear-gradient(180deg, rgba(124, 77, 255, .8), rgba(0, 229, 255, .4));--gradient-header: linear-gradient(90deg, rgba(124, 77, 255, .9), rgba(0, 229, 255, .8));--gradient-metric-1: linear-gradient(135deg, rgba(59, 130, 246, .18), rgba(56, 189, 248, .16));--gradient-metric-2: linear-gradient(135deg, rgba(16, 185, 129, .18), rgba(45, 212, 191, .18));--gradient-metric-3: linear-gradient(135deg, rgba(139, 92, 246, .18), rgba(236, 72, 153, .18));--gradient-metric-4: linear-gradient(135deg, rgba(124, 77, 255, .18), rgba(0, 229, 255, .16));--gradient-metric-5: linear-gradient(135deg, rgba(245, 158, 11, .18), rgba(251, 191, 36, .18));--gradient-metric-6: linear-gradient(135deg, rgba(239, 68, 68, .18), rgba(248, 113, 113, .18));--gradient-button-primary: linear-gradient(135deg, #7C4DFF 0%, #00E5FF 100%);--gradient-button-success: linear-gradient(135deg, #10B981 0%, #34D399 100%);--gradient-button-warning: linear-gradient(135deg, #F59E0B 0%, #FBBF24 100%);--gradient-button-error: linear-gradient(135deg, #EF4444 0%, #F87171 100%);--gradient-chart-1: linear-gradient(180deg, rgba(124, 77, 255, .3), rgba(124, 77, 255, .05));--gradient-chart-2: linear-gradient(180deg, rgba(0, 229, 255, .3), rgba(0, 229, 255, .05));--gradient-chart-3: linear-gradient(180deg, rgba(16, 185, 129, .3), rgba(16, 185, 129, .05))}html,body,#root{margin:0;padding:0;height:100%}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,Roboto,sans-serif;background:radial-gradient(circle at top left,#111427,#050711 45%,#000)}.gradient-shell{background:radial-gradient(circle at top left,rgba(124,77,255,.28),transparent 55%),radial-gradient(circle at bottom right,rgba(0,229,255,.18),transparent 55%),#050711}.gradient-sidebar{background:var(--gradient-sidebar)}.gradient-header{background:var(--gradient-header)}.gradient-metric-1{background:var(--gradient-metric-1)}.gradient-metric-2{background:var(--gradient-metric-2)}.gradient-metric-3{background:var(--gradient-metric-3)}.gradient-metric-4{background:var(--gradient-metric-4)}.gradient-metric-5{background:var(--gradient-metric-5)}.gradient-metric-6{background:var(--gradient-metric-6)}.gradient-button-primary{background:var(--gradient-button-primary)}.gradient-button-success{background:var(--gradient-button-success)}.gradient-button-warning{background:var(--gradient-button-warning)}.gradient-button-error{background:var(--gradient-button-error)}.gradient-chart-1{background:var(--gradient-chart-1)}.gradient-chart-2{background:var(--gradient-chart-2)}.gradient-chart-3{background:var(--gradient-chart-3)}.micro-elevated{box-shadow:0 18px 45px #0009;transition:box-shadow .16s ease,transform .16s ease}.micro-elevated:hover{transform:translateY(-2px);box-shadow:0 26px 65px #000c}.micro-fade-in{animation:micro-fade-in .22s ease-out}@keyframes micro-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes data-pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes data-slide-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes metric-value-update{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes chart-line-draw{0%{stroke-dashoffset:1000}to{stroke-dashoffset:0}}.data-pulse{animation:data-pulse 2s ease-in-out infinite}.data-slide-up{animation:data-slide-up .3s ease-out}.metric-value-update{animation:metric-value-update .4s ease-out}.chart-line-draw{animation:chart-line-draw 1s ease-out}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}@keyframes slide-in-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slide-in-down{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slide-in-left{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slide-in-right{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes pulse-scale{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}@keyframes pulse-glow{0%,to{box-shadow:0 0 #7c4dff66}50%{box-shadow:0 0 0 8px #7c4dff00}}@keyframes scale-in{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes scale-out{0%{transform:scale(1);opacity:1}to{transform:scale(.9);opacity:0}}@keyframes scale-up{0%{transform:scale(1)}to{transform:scale(1.1)}}@keyframes scale-down{0%{transform:scale(1)}to{transform:scale(.95)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotate-in{0%{transform:rotate(-180deg);opacity:0}to{transform:rotate(0);opacity:1}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.animate-fade-in{animation:fade-in .3s ease-out}.animate-fade-in-up{animation:fade-in-up .3s ease-out}.animate-fade-in-down{animation:fade-in-down .3s ease-out}.animate-fade-in-left{animation:fade-in-left .3s ease-out}.animate-fade-in-right{animation:fade-in-right .3s ease-out}.animate-slide-in-up{animation:slide-in-up .4s cubic-bezier(.4,0,.2,1)}.animate-slide-in-down{animation:slide-in-down .4s cubic-bezier(.4,0,.2,1)}.animate-slide-in-left{animation:slide-in-left .4s cubic-bezier(.4,0,.2,1)}.animate-slide-in-right{animation:slide-in-right .4s cubic-bezier(.4,0,.2,1)}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-pulse-scale{animation:pulse-scale 2s ease-in-out infinite}.animate-pulse-glow{animation:pulse-glow 2s ease-in-out infinite}.animate-scale-in{animation:scale-in .3s cubic-bezier(.4,0,.2,1)}.animate-scale-out{animation:scale-out .3s cubic-bezier(.4,0,.2,1)}.animate-rotate{animation:rotate 1s linear infinite}.animate-rotate-in{animation:rotate-in .4s cubic-bezier(.4,0,.2,1)}.animate-shimmer{animation:shimmer 2s linear infinite;background:linear-gradient(to right,#ffffff0d,#ffffff26,#ffffff0d);background-size:1000px 100%}.animate-delay-100{animation-delay:.1s}.animate-delay-200{animation-delay:.2s}.animate-delay-300{animation-delay:.3s}.animate-delay-400{animation-delay:.4s}.animate-delay-500{animation-delay:.5s}.animate-fast{animation-duration:.15s}.animate-normal{animation-duration:.3s}.animate-slow{animation-duration:.5s}.animate-slower{animation-duration:1s}