*{margin:0;padding:0;box-sizing:border-box}html,body{margin:0;padding:0;font-family:Poppins,sans-serif;background:#0a0a0a;min-height:100vh;width:100%;overflow-x:hidden}#root{width:100%;height:100vh;margin:0;padding:0}*{scrollbar-width:thin;scrollbar-color:#667eea rgba(10,10,10,.8)}*::-webkit-scrollbar{width:8px;height:8px;opacity:0;transition:opacity .3s ease-in-out}*::-webkit-scrollbar-track{background:linear-gradient(135deg,#0a0a0acc,#1a1a2ecc,#16213ecc);border-radius:10px;border:1px solid rgba(255,255,255,.05);box-shadow:inset 0 2px 10px #0000004d}*::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);border-radius:10px;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 20px #667eea66,inset 0 1px #fff3,inset 0 -1px #0003;transition:all .3s cubic-bezier(.4,0,.2,1)}*::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190,#e085e8);box-shadow:0 6px 25px #667eea80,inset 0 1px #ffffff4d,inset 0 -1px #0000004d;transform:scale(1.05)}*::-webkit-scrollbar-thumb:active{background:linear-gradient(135deg,#4a5bc4,#5a2d7a,#c875d8);box-shadow:0 2px 15px #667eea99,inset 0 1px #fff6,inset 0 -1px #0006}*::-webkit-scrollbar-corner{background:linear-gradient(135deg,#0a0a0ae6,#1a1a2ee6)}*:hover::-webkit-scrollbar,*:focus::-webkit-scrollbar{opacity:1}.scrollbar-auto-hide{scrollbar-width:thin;scrollbar-color:transparent transparent;transition:scrollbar-color .3s ease-in-out}.scrollbar-auto-hide:hover,.scrollbar-auto-hide.scrolling{scrollbar-color:#667eea rgba(10,10,10,.8)}.scrollbar-auto-hide::-webkit-scrollbar{width:8px;height:8px;opacity:0;transition:opacity .3s ease-in-out}.scrollbar-auto-hide:hover::-webkit-scrollbar,.scrollbar-auto-hide.scrolling::-webkit-scrollbar{opacity:1}.TableContainer,.MuiTableContainer-root{scrollbar-width:thin;scrollbar-color:#667eea rgba(10,10,10,.8)}.TableContainer::-webkit-scrollbar,.MuiTableContainer-root::-webkit-scrollbar{width:6px;height:6px}.TableContainer::-webkit-scrollbar-track,.MuiTableContainer-root::-webkit-scrollbar-track{background:linear-gradient(135deg,#0a0a0ae6,#1a1a2ee6);border-radius:8px;border:1px solid rgba(255,255,255,.08)}.TableContainer::-webkit-scrollbar-thumb,.MuiTableContainer-root::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;border:1px solid rgba(255,255,255,.15);box-shadow:0 2px 12px #667eea4d,inset 0 1px #fff3}.TableContainer::-webkit-scrollbar-thumb:hover,.MuiTableContainer-root::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190);box-shadow:0 4px 16px #667eea66,inset 0 1px #ffffff4d}#root{width:100%;height:100vh;margin:0;padding:0;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}