:root{--color-bg-primary: #0F0F0F;--color-bg-card: #1A1A1A;--color-bg-button: #252525;--color-bg-chart: #0F0F0F;--color-text-primary: #E5E5E5;--color-text-secondary: #525252;--color-text-muted: #737373;--color-accent-green: #22C55E;--color-accent-blue: #3B82F6;--color-accent-orange: #F59E0B;--color-accent-red: #EF4444;--font-mono: "JetBrains Mono", monospace;--color-background: #0F0F0F;--color-background-secondary: #1A1A1A;--color-surface: rgba(255, 255, 255, .05);--color-card-bg: #1A1A1A;--color-accent-blue-light: rgba(59, 130, 246, .3);--color-accent-blue-dark: rgba(59, 130, 246, .05);--color-accent-purple: #8b5cf6;--color-accent-purple-light: rgba(139, 92, 246, .3);--color-border: #252525;--color-border-strong: #333333;--color-border-accent: rgba(34, 197, 94, .3);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 4px 6px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .4)}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-background);color:var(--color-text-primary)}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.bg-gray-50{background-color:#f9fafb}.bg-gray-100{background-color:#f3f4f6}.bg-gray-200{background-color:#e5e7eb}.bg-white{background-color:#fff}.bg-blue-600{background-color:#2563eb}.bg-slate-800{background-color:#1e293b}.bg-red-50{background-color:#fef2f2}.bg-red-100{background-color:#fee2e2}.font-size-h1{font-size:2.5rem;font-weight:700}.font-size-h2{font-size:1.875rem;font-weight:600}.font-size-h3{font-size:1.25rem;font-weight:500}.font-size-body{font-size:.875rem;font-weight:400}.font-size-number{font-size:1.125rem;font-weight:600}.spacing-xs{padding:.25rem}.spacing-sm{padding:.5rem}.spacing-md{padding:1rem}.spacing-lg{padding:1.5rem}.spacing-xl{padding:2rem}.radius-sm{border-radius:.25rem}.radius-md{border-radius:.5rem}.radius-lg{border-radius:.75rem}.glass-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:.5rem;box-shadow:0 4px 6px #3b82f626;transition:all .2s ease-out}.glass-card:hover{transform:scale(1.02);box-shadow:0 10px 15px #8b5cf633;ring:1px solid rgba(59,130,246,.3)}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}body{background-color:var(--color-background);color:var(--color-text-primary);min-height:100vh}.glass-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:var(--color-card-bg);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-md);transition:all .2s ease-out}.glass-card:hover{transform:scale(1.02);box-shadow:var(--shadow-lg);border-color:var(--color-accent-blue)}.glow-card:hover{box-shadow:0 0 20px var(--color-accent-blue-light)}.bg-gray-100{background-color:var(--color-background-secondary)}.bg-white{background-color:var(--color-card-bg)}.text-gray-500{color:var(--color-text-muted)}.text-gray-700{color:var(--color-text-secondary)}.text-gray-900{color:var(--color-text-primary)}.border-gray-200{border-color:#e5e7eb}.border-red-200{border-color:#fecaca}.text-gray-500{color:#6b7280}.text-gray-700{color:#374151}.text-gray-900{color:#111827}.text-white{color:#fff}.text-blue-600{color:#2563eb}.text-red-400{color:#f87171}.text-red-700{color:#b91c1c}.text-red-800{color:#991b1b}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-sm{font-size:.875rem;line-height:1.25rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}.rounded{border-radius:.25rem}.rounded-lg{border-radius:.5rem}.rounded-full{border-radius:9999px}.border{border-width:1px}.shadow-md{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-3{margin-left:.75rem}.mr-2{margin-right:.5rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.flex-shrink-0{flex-shrink:0}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-6{gap:1.5rem}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.overflow-x-auto{overflow-x:auto}.overflow-hidden{overflow:hidden}.h-4{height:1rem}.h-8{height:2rem}.h-12{height:3rem}.h-16{height:4rem}.h-64{height:16rem}.h-full{height:100%}.w-2{width:.5rem}.w-5{width:1.25rem}.w-3\/4{width:75%}.w-1\/2{width:50%}.w-2\/3{width:66.666667%}.w-full{width:100%}.min-h-screen{min-height:100vh}.transition-colors{transition-property:background-color,border-color,color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.hover\\:bg-gray-100:hover{background-color:#f3f4f6}.hover\\:bg-gray-300:hover{background-color:#d1d5db}.hover\\:bg-red-100:hover{background-color:#fee2e2}.hover\\:bg-gray-50:hover{background-color:#f9fafb}.whitespace-nowrap{white-space:nowrap}.divide-y>*+*{border-top-width:1px}.divide-gray-200{border-color:#e5e7eb}.border-t{border-top-width:1px}.border-b{border-bottom-width:1px}.border-2{border-width:2px}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-spin{animation:spin 1s linear infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.md\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}