:root{--primary-main:#7C3AED;--primary-light:#A78BFA;--primary-dark:#5B21B6;--primary-gradient:linear-gradient(135deg,#7A61FF,#6443EA);--secondary-main:#06B6D4;--secondary-light:#67E8F9;--secondary-dark:#0891B2;--neutral-50:#FAFAFA;--neutral-100:#F4F4F5;--neutral-200:#E4E4E7;--neutral-300:#D4D4D8;--neutral-400:#A1A1AA;--neutral-500:#71717A;--neutral-600:#52525B;--neutral-700:#3F3F46;--neutral-800:#27272A;--neutral-900:#18181B;--bg-primary:#FFFFFF;--bg-secondary:#FAFAFA;--bg-tertiary:#F4F4F5;--text-primary:#18181B;--text-secondary:#52525B;--text-tertiary:#71717A;--text-disabled:#A1A1AA;--success:#10B981;--warning:#F59E0B;--error:#EF4444;--info:#3B82F6;--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04);--transition-fast:150ms ease;--transition-base:200ms ease;--transition-slow:300ms ease}@media (prefers-color-scheme:dark){:root{--bg-primary:#0F0F0F;--bg-secondary:#18181B;--bg-tertiary:#27272A;--text-primary:#FAFAFA;--text-secondary:#A1A1AA;--text-tertiary:#71717A;--text-disabled:#52525B}}*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}body{color:var(--text-primary);background:var(--bg-secondary);transition:background var(--transition-slow),color var(--transition-slow)}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.3;letter-spacing:-.02em}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}a{color:inherit;text-decoration:none;transition:color var(--transition-base)}a:focus,a:hover{color:var(--primary-main)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{transform:translate(-50%,-50%) scale(.8);opacity:.5}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.2}to{transform:translate(-50%,-50%) scale(.8);opacity:.5}}.loading-spinner{animation:spin 1s linear infinite}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-tertiary)}::-webkit-scrollbar-thumb{background:var(--neutral-400);border-radius:5px;-webkit-transition:background var(--transition-base);transition:background var(--transition-base)}::-webkit-scrollbar-thumb:hover{background:var(--neutral-500)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--primary-main);outline-offset:2px}::selection{background:var(--primary-main);color:white}.fade-in{animation:fadeIn .5s ease}.slide-up{animation:slideUp .6s ease}@media (max-width:768px){html{font-size:14px}h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}button{font-family:inherit;font-size:inherit;line-height:inherit;cursor:pointer;border:none;background:none;transition:all var(--transition-base)}.card{background:var(--bg-primary);border-radius:16px;box-shadow:var(--shadow-md);transition:all var(--transition-slow)}.card:hover{box-shadow:var(--shadow-xl)}.container{width:100%;max-width:1400px;margin:0 auto;padding:0 20px}button[data-chart-modal]{padding:16px 32px;font-size:18px;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);color:white;border:none;border-radius:12px;cursor:pointer;box-shadow:0 4px 15px rgba(102,126,234,.4);transition:all .3s ease;margin:32px 0;display:inline-flex;align-items:center;gap:8px}button[data-chart-modal]:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(102,126,234,.6);background:linear-gradient(135deg,#764ba2,#667eea)}button[data-chart-modal]:active{transform:translateY(0);box-shadow:0 2px 10px rgba(102,126,234,.4)}button[data-chart-modal]:focus-visible{outline:2px solid #667eea;outline-offset:4px}@media (max-width:768px){button[data-chart-modal]{width:100%;justify-content:center;padding:14px 24px;font-size:16px}}