@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";:root{--varai-electric-blue: #00C8FF;--varai-cyber-pink: #FF007E;--varai-laser-yellow: #FFDA00;--varai-neon-orange: #FF6A00;--varai-mid-blue: #007CFF;--varai-deep-magenta: #B000C9;--varai-dark-bg: #0A0C10;--varai-neutral-100: #FFFFFF;--varai-neutral-90: #E2E2E8;--varai-neutral-70: #A7A8AE;--varai-neutral-40: #4A4C55;--varai-neutral-20: #1E1F26;--varai-neutral-10: #121318;--varai-gradient-energy-1: linear-gradient(90deg, #FFDA00, #FF6A00, #FF007E, #00C8FF);--varai-gradient-energy-2: linear-gradient(135deg, #00C8FF, #007CFF);--varai-gradient-energy-3: linear-gradient(135deg, #FF007E, #B000C9);--varai-gradient-primary: linear-gradient(135deg, #00C8FF 0%, #007CFF 50%, #FF007E 100%);--varai-gradient-secondary: linear-gradient(135deg, #FFDA00 0%, #FF6A00 100%);--varai-font-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--varai-font-size-xxl: 4rem;--varai-font-size-xl: 2.5rem;--varai-font-size-lg: 1.75rem;--varai-font-size-md: 1.125rem;--varai-font-size-sm: .95rem;--varai-font-size-xs: .8rem;--varai-font-weight-light: 300;--varai-font-weight-regular: 400;--varai-font-weight-medium: 500;--varai-font-weight-semibold: 600;--varai-font-weight-bold: 700;--varai-font-weight-extrabold: 800;--varai-font-weight-black: 900;--varai-line-height-tight: 1.2;--varai-line-height-base: 1.5;--varai-line-height-relaxed: 1.6;--varai-line-height-loose: 1.8;--varai-letter-spacing-tight: -.02em;--varai-letter-spacing-normal: 0;--varai-letter-spacing-wide: .05em;--varai-letter-spacing-wider: .1em;--varai-space-1: 4px;--varai-space-2: 8px;--varai-space-3: 12px;--varai-space-4: 16px;--varai-space-5: 20px;--varai-space-6: 24px;--varai-space-8: 32px;--varai-space-10: 40px;--varai-space-12: 48px;--varai-space-16: 64px;--varai-space-20: 80px;--varai-space-24: 96px;--varai-space-32: 128px;--varai-radius-sm: 6px;--varai-radius-md: 12px;--varai-radius-lg: 20px;--varai-radius-xl: 32px;--varai-radius-pill: 100px;--varai-radius-full: 999px;--varai-glow-blue: 0 0 25px rgba(0, 200, 255, .6);--varai-glow-pink: 0 0 20px rgba(255, 0, 126, .5);--varai-glow-yellow: 0 0 20px rgba(255, 218, 0, .5);--varai-glow-orange: 0 0 20px rgba(255, 106, 0, .5);--varai-glow-blue-subtle: 0 0 10px rgba(0, 200, 255, .3);--varai-glow-pink-subtle: 0 0 10px rgba(255, 0, 126, .25);--varai-glow-yellow-subtle: 0 0 10px rgba(255, 218, 0, .25);--varai-shadow-soft: 0 4px 12px rgba(0, 0, 0, .2);--varai-shadow-hard: 0 6px 40px rgba(0, 0, 0, .45);--varai-shadow-elevation-1: 0 2px 4px rgba(0, 0, 0, .1);--varai-shadow-elevation-2: 0 4px 8px rgba(0, 0, 0, .15);--varai-shadow-elevation-3: 0 8px 16px rgba(0, 0, 0, .2);--varai-shadow-elevation-4: 0 16px 32px rgba(0, 0, 0, .25);--varai-transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--varai-transition-base: .3s cubic-bezier(.4, 0, .2, 1);--varai-transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--varai-button-primary-bg: var(--varai-gradient-energy-2);--varai-button-primary-hover-bg: var(--varai-gradient-energy-3);--varai-button-primary-text: var(--varai-neutral-100);--varai-button-primary-shadow: var(--varai-glow-blue-subtle);--varai-button-secondary-bg: transparent;--varai-button-secondary-border: var(--varai-electric-blue);--varai-button-secondary-text: var(--varai-electric-blue);--varai-button-secondary-hover-bg: rgba(0, 200, 255, .1);--varai-card-bg: var(--varai-neutral-100);--varai-card-border: rgba(0, 200, 255, .1);--varai-card-hover-border: rgba(0, 200, 255, .3);--varai-card-shadow: var(--varai-shadow-elevation-1);--varai-card-hover-shadow: var(--varai-shadow-elevation-3);--varai-input-bg: var(--varai-neutral-100);--varai-input-border: var(--varai-neutral-70);--varai-input-focus-border: var(--varai-electric-blue);--varai-input-focus-glow: var(--varai-glow-blue-subtle);--varai-breakpoint-xs: 480px;--varai-breakpoint-sm: 640px;--varai-breakpoint-md: 768px;--varai-breakpoint-lg: 1024px;--varai-breakpoint-xl: 1280px;--varai-breakpoint-xxl: 1536px;--varai-z-dropdown: 1000;--varai-z-sticky: 1010;--varai-z-fixed: 1020;--varai-z-modal-backdrop: 1030;--varai-z-modal: 1040;--varai-z-popover: 1050;--varai-z-tooltip: 1060;--varai-z-toast: 1070}.varai-text-hero{font-family:var(--varai-font-primary);font-size:var(--varai-font-size-xxl);font-weight:var(--varai-font-weight-extrabold);line-height:var(--varai-line-height-tight);letter-spacing:var(--varai-letter-spacing-tight)}.varai-text-h1{font-family:var(--varai-font-primary);font-size:var(--varai-font-size-xl);font-weight:var(--varai-font-weight-bold);line-height:var(--varai-line-height-tight)}.varai-text-h2{font-family:var(--varai-font-primary);font-size:var(--varai-font-size-lg);font-weight:var(--varai-font-weight-semibold);line-height:var(--varai-line-height-base)}.varai-text-body{font-family:var(--varai-font-primary);font-size:var(--varai-font-size-sm);font-weight:var(--varai-font-weight-regular);line-height:var(--varai-line-height-relaxed)}.varai-gradient-text{background:var(--varai-gradient-energy-1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.varai-gradient-text-primary{background:var(--varai-gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.varai-glow-blue{box-shadow:var(--varai-glow-blue)}.varai-glow-pink{box-shadow:var(--varai-glow-pink)}.varai-glow-yellow{box-shadow:var(--varai-glow-yellow)}.varai-transition{transition:all var(--varai-transition-base)}.varai-transition-fast{transition:all var(--varai-transition-fast)}.varai-button-primary{background:var(--varai-button-primary-bg);color:var(--varai-button-primary-text);border:none;border-radius:var(--varai-radius-md);box-shadow:var(--varai-button-primary-shadow);transition:all var(--varai-transition-base);font-family:var(--varai-font-primary);font-weight:var(--varai-font-weight-semibold)}.varai-button-primary:hover{background:var(--varai-button-primary-hover-bg);transform:translateY(-2px);box-shadow:var(--varai-glow-blue)}.varai-button-secondary{background:var(--varai-button-secondary-bg);color:var(--varai-button-secondary-text);border:2px solid var(--varai-button-secondary-border);border-radius:var(--varai-radius-md);transition:all var(--varai-transition-base);font-family:var(--varai-font-primary);font-weight:var(--varai-font-weight-semibold)}.varai-button-secondary:hover{background:var(--varai-button-secondary-hover-bg);box-shadow:var(--varai-glow-blue-subtle)}.varai-card{background:var(--varai-card-bg);border:1px solid var(--varai-card-border);border-radius:var(--varai-radius-lg);box-shadow:var(--varai-card-shadow);transition:all var(--varai-transition-base)}.varai-card:hover{border-color:var(--varai-card-hover-border);box-shadow:var(--varai-card-hover-shadow);transform:translateY(-4px)}.varai-container{max-width:1280px;margin:0 auto;padding:0 var(--varai-space-6)}.varai-section-padding{padding:var(--varai-space-20) 0}@media(prefers-color-scheme:dark){:root{--varai-card-bg: var(--varai-neutral-20);--varai-input-bg: var(--varai-neutral-20)}}@media(max-width:768px){:root{--varai-font-size-xxl: 2.5rem;--varai-font-size-xl: 2rem;--varai-font-size-lg: 1.5rem;--varai-section-padding: var(--varai-space-16) 0}}:root{--varai-blue: #00C8FF;--varai-blue-deep: #007CFF;--varai-magenta: #FF008E;--varai-orange: #FF6A00;--varai-yellow: #FFDA00;--varai-bg: #05060F;--varai-bg-elevated: #0C0F1C;--varai-bg-soft: #141724;--varai-border-subtle: #252738;--varai-text-primary: #F5F7FF;--varai-text-muted: #A5A8C5;--varai-text-soft: #6A6E89;--varai-link: var(--varai-blue);--varai-gradient-v: linear-gradient( 135deg, #FFDA00, #FF6A00, #FF008E, #00C8FF );--varai-gradient-blue: linear-gradient(135deg, #00C8FF, #007CFF);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-pill: 999px;--shadow-soft: 0 12px 35px rgba(0,0,0,.35);--glow-blue: 0 0 30px rgba(0,200,255,.45);--glow-orange: 0 0 30px rgba(255,106,0,.45);--font-sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-md: 16px;--font-size-lg: 18px;--font-size-xl: 24px;--font-size-2xl: 32px;--font-size-3xl: 40px;--transition-fast: .15s ease-out;--transition-med: .22s ease-out;--bp-sm: 640px;--bp-md: 768px;--bp-lg: 1024px;--bp-xl: 1280px;--chart-1: #00C8FF;--chart-2: #FF6A00;--chart-3: #FF008E;--chart-4: #FFDA00;--chart-5: #7B61FF;--chart-bg: #05060F;--chart-surface: #0D1020;--chart-grid: rgba(255,255,255,.05);--chart-axis: rgba(255,255,255,.4);--chart-text: var(--varai-text-muted);--chart-tooltip-bg: #121426;--chart-tooltip-border: rgba(255,255,255,.12)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-sans);background:radial-gradient(circle at top left,#12152a,#05060f 55%,#02030a);color:var(--varai-text-primary);font-size:var(--font-size-md);line-height:1.6}h1,h2,h3,h4{margin:0 0 var(--space-4);font-weight:600;letter-spacing:.04em}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-lg)}p{margin:0 0 var(--space-3);color:var(--varai-text-muted)}a{color:var(--varai-link);text-decoration:none;transition:color var(--transition-med)}a:hover{color:var(--varai-magenta)}.varai-container{width:100%;max-width:1120px;margin:0 auto;padding:var(--space-6) var(--space-4)}.varai-container--fluid{max-width:none}.varai-container--narrow{max-width:720px}.varai-card{background:radial-gradient(circle at top left,#16192a,#070915,#05060f);border-radius:var(--radius-lg);padding:var(--space-5);border:1px solid rgba(255,255,255,.04);box-shadow:var(--shadow-soft)}.varai-card--highlight{border-image:var(--varai-gradient-v) 1;border-width:1px;border-style:solid}.varai-card--elevated{background:var(--varai-bg-elevated);border:1px solid var(--varai-border-subtle)}.varai-card--compact{padding:var(--space-3)}.varai-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:.65rem 1.4rem;border-radius:var(--radius-pill);border:none;font-size:var(--font-size-sm);font-weight:600;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast),color var(--transition-fast);text-decoration:none;font-family:inherit}.varai-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.varai-btn--primary{background-image:var(--varai-gradient-blue);color:#020308;box-shadow:var(--glow-blue)}.varai-btn--primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 0 40px #00c8ffb3}.varai-btn--ghost{background:#ffffff05;color:var(--varai-text-primary);border:1px solid rgba(255,255,255,.08)}.varai-btn--ghost:hover:not(:disabled){background:#ffffff0f;transform:translateY(-1px)}.varai-btn--danger{background:linear-gradient(135deg,#ff6a6a,#ff008e);color:#020308}.varai-btn--danger:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 0 30px #ff008e80}.varai-btn--secondary{background:var(--varai-bg-soft);color:var(--varai-text-primary);border:1px solid var(--varai-border-subtle)}.varai-btn--secondary:hover:not(:disabled){background:var(--varai-bg-elevated);transform:translateY(-1px)}.varai-btn--small{padding:.5rem 1rem;font-size:var(--font-size-xs)}.varai-btn--large{padding:.875rem 2rem;font-size:var(--font-size-md)}.varai-input,.varai-select,.varai-textarea{width:100%;background:#0a0c1cf2;border-radius:var(--radius-md);border:1px solid var(--varai-border-subtle);padding:.75rem .9rem;color:var(--varai-text-primary);font-family:var(--font-sans);font-size:var(--font-size-sm);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.varai-textarea{resize:vertical;min-height:80px}.varai-input:focus,.varai-select:focus,.varai-textarea:focus{border-color:var(--varai-blue);box-shadow:0 0 0 1px #00c8ff8c}.varai-input::placeholder,.varai-textarea::placeholder{color:var(--varai-text-soft)}.varai-input-group{display:flex;flex-direction:column;gap:var(--space-2)}.varai-input-group label{font-size:var(--font-size-sm);font-weight:500;color:var(--varai-text-primary);letter-spacing:.02em}.varai-input-group--horizontal{flex-direction:row;align-items:center;gap:var(--space-4)}.varai-input-group--horizontal label{min-width:120px}.varai-pill{display:inline-flex;align-items:center;gap:6px;padding:.2rem .7rem;border-radius:var(--radius-pill);background:#ffffff0a;color:var(--varai-text-soft);font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:500}.varai-pill--ai{border:1px solid rgba(0,200,255,.6);color:var(--varai-blue)}.varai-pill--success{border:1px solid rgba(76,175,80,.6);color:#4caf50}.varai-pill--warning{border:1px solid rgba(255,193,7,.6);color:#ffc107}.varai-pill--error{border:1px solid rgba(244,67,54,.6);color:#f44336}.varai-grid{display:grid;gap:var(--space-4)}.varai-grid--2{grid-template-columns:1fr 1fr}.varai-grid--3{grid-template-columns:repeat(3,1fr)}.varai-grid--4{grid-template-columns:repeat(4,1fr)}.varai-grid--auto{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}@media(max-width:768px){.varai-grid--2,.varai-grid--3,.varai-grid--4{grid-template-columns:1fr}}.varai-flex{display:flex}.varai-flex--center{align-items:center;justify-content:center}.varai-flex--between{align-items:center;justify-content:space-between}.varai-flex--column{flex-direction:column}.varai-flex--wrap{flex-wrap:wrap}.varai-chart{background:var(--chart-surface);border-radius:var(--radius-lg);padding:var(--space-4);border:1px solid rgba(255,255,255,.04)}.varai-chart--transparent{background:transparent;border:none}.varai-chart-title{font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.12em;color:var(--varai-text-soft);margin-bottom:var(--space-3);font-weight:600}.varai-chart-subtitle{font-size:var(--font-size-xs);color:var(--varai-text-muted);margin-bottom:var(--space-4)}.varai-chart-legend{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-3)}.varai-chart-legend-item{display:flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-xs);color:var(--varai-text-muted)}.varai-chart-legend-color{width:12px;height:12px;border-radius:2px}.varai-status{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-xs);font-weight:500;text-transform:uppercase;letter-spacing:.08em}.varai-status--online:before{content:"";width:6px;height:6px;border-radius:50%;background:#4caf50}.varai-status--offline:before{content:"";width:6px;height:6px;border-radius:50%;background:#f44336}.varai-status--pending:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--varai-yellow)}.varai-spinner{display:inline-block;width:20px;height:20px;border:2px solid rgba(255,255,255,.1);border-top:2px solid var(--varai-blue);border-radius:50%;animation:varai-spin 1s linear infinite}@keyframes varai-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.varai-spinner--large{width:32px;height:32px;border-width:3px}.varai-progress{width:100%;height:8px;background:#ffffff1a;border-radius:var(--radius-pill);overflow:hidden}.varai-progress-bar{height:100%;background:var(--varai-gradient-blue);border-radius:var(--radius-pill);transition:width var(--transition-med)}.varai-nav{display:flex;align-items:center;gap:var(--space-6);padding:var(--space-4) 0}.varai-nav-link{color:var(--varai-text-muted);font-size:var(--font-size-sm);font-weight:500;text-decoration:none;transition:color var(--transition-fast)}.varai-nav-link:hover,.varai-nav-link--active{color:var(--varai-text-primary)}.varai-nav-link--cta{color:var(--varai-blue);font-weight:600}.varai-dropdown{position:relative;display:inline-block}.varai-dropdown-content{position:absolute;top:100%;left:0;background:var(--varai-bg-elevated);border:1px solid var(--varai-border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);min-width:200px;z-index:1000;opacity:0;visibility:hidden;transform:translateY(-4px);transition:all var(--transition-fast)}.varai-dropdown:hover .varai-dropdown-content,.varai-dropdown--active .varai-dropdown-content{opacity:1;visibility:visible;transform:translateY(0)}.varai-dropdown-item{display:block;padding:var(--space-3) var(--space-4);color:var(--varai-text-muted);text-decoration:none;font-size:var(--font-size-sm);transition:background var(--transition-fast),color var(--transition-fast)}.varai-dropdown-item:hover{background:#ffffff0a;color:var(--varai-text-primary)}.mt-0{margin-top:0}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-5{margin-top:var(--space-5)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mt-10{margin-top:var(--space-10)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-5{margin-bottom:var(--space-5)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.mb-10{margin-bottom:var(--space-10)}.p-0{padding:0}.p-1{padding:var(--space-1)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-5{padding:var(--space-5)}.p-6{padding:var(--space-6)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:var(--varai-text-primary)}.text-muted{color:var(--varai-text-muted)}.text-soft{color:var(--varai-text-soft)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-md{font-size:var(--font-size-md)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.bg-primary{background:var(--varai-bg)}.bg-elevated{background:var(--varai-bg-elevated)}.bg-soft{background:var(--varai-bg-soft)}.border-subtle{border:1px solid var(--varai-border-subtle)}.border-radius-sm{border-radius:var(--radius-sm)}.border-radius-md{border-radius:var(--radius-md)}.border-radius-lg{border-radius:var(--radius-lg)}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.grid{display:grid}@media(max-width:640px){.sm\:hidden{display:none}.sm\:block{display:block}}@media(max-width:768px){.md\:hidden{display:none}.md\:block{display:block}}.varai-fade-in{animation:varai-fade-in .3s ease-out}@keyframes varai-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.varai-slide-up{animation:varai-slide-up .4s ease-out}@keyframes varai-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.varai-glow-pulse{animation:varai-glow-pulse 2s ease-in-out infinite}@keyframes varai-glow-pulse{0%,to{box-shadow:0 0 20px #00c8ff4d}50%{box-shadow:0 0 40px #00c8ff99}}*{margin:0;padding:0;box-sizing:border-box}:root{font-family:var(--varai-font-primary);line-height:var(--varai-line-height-base);font-weight:var(--varai-font-weight-regular);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}html,body{margin:0;padding:0;width:100%;height:100%;overflow-x:hidden}body{min-height:100vh;background-color:var(--varai-neutral-100);color:var(--varai-neutral-20);font-family:var(--varai-font-primary)}#root{width:100%;min-height:100vh}a{color:inherit;text-decoration:none}.recharts-responsive-container{width:100%!important;min-height:300px}.MuiContainer-root{padding-left:16px;padding-right:16px}@media(min-width:600px){.MuiContainer-root{padding-left:24px;padding-right:24px}}::-webkit-scrollbar{width:var(--varai-space-2);height:var(--varai-space-2)}::-webkit-scrollbar-track{background:var(--varai-neutral-90)}::-webkit-scrollbar-thumb{background:var(--varai-neutral-70);border-radius:var(--varai-radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--varai-electric-blue);box-shadow:var(--varai-glow-blue-subtle)}.varai-btn-custom{align-items:center;appearance:none;background:var(--varai-gradient-primary);border-radius:var(--varai-radius-lg);border-style:none;box-sizing:border-box;width:100%;display:inline-flex;font-size:var(--varai-font-size-sm);line-height:var(--varai-line-height-base);font-family:var(--varai-font-primary);font-weight:var(--varai-font-weight-semibold);justify-content:center;min-width:64px;padding:var(--varai-space-3) var(--varai-space-4);color:var(--varai-neutral-100);box-shadow:var(--varai-glow-blue-subtle);transition:var(--varai-transition-base);cursor:pointer;z-index:0}.varai-btn-custom:hover{background:var(--varai-gradient-energy-2);box-shadow:var(--varai-glow-blue);transform:translateY(-2px)}