.performance-tables-container{min-height:100vh;background:linear-gradient(180deg,#ffffff,#f9fafb)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDelay{0%{opacity:0;transform:translateY(20px)}33%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDelay2{0%{opacity:0;transform:translateY(20px)}66%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .8s ease-out forwards}.animate-fade-in-delay{animation:fadeInDelay 1.2s ease-out forwards}.animate-fade-in-delay-2{animation:fadeInDelay2 1.6s ease-out forwards}.hero-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");pointer-events:none}html{scroll-behavior:smooth}.performance-tables-container ::-webkit-scrollbar{width:8px;height:8px}.performance-tables-container ::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.performance-tables-container ::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.performance-tables-container ::-webkit-scrollbar-thumb:hover{background:#555}.bg-blue-50{background-color:rgb(239 246 255)}.bg-green-50{background-color:rgb(240 253 244)}.bg-purple-50{background-color:rgb(250 245 255)}.bg-teal-50{background-color:rgb(240 253 250)}.text-blue-600{color:rgb(37 99 235)}.text-green-600{color:rgb(22 163 74)}.text-purple-600{color:rgb(147 51 234)}.text-teal-600{color:rgb(13 148 136)}.hover-lift{transition:transform .2s ease,box-shadow .2s ease}.hover-lift:hover{transform:translateY(-4px);box-shadow:0 10px 25px rgba(0,0,0,.1)}.quiz-answer-button{transition:all .3s ease}.quiz-answer-button:hover:not(:disabled){transform:translateX(4px)}details summary{list-style:none;position:relative;padding-right:2rem}details summary::-webkit-details-marker{display:none}details summary:after{content:"+";position:absolute;right:1.5rem;top:50%;transform:translateY(-50%);font-size:1.5rem;font-weight:300;color:#6b7280;transition:transform .3s ease}details[open] summary:after{transform:translateY(-50%) rotate(45deg)}@keyframes progressPulse{0%,to{opacity:1}50%{opacity:.8}}.progress-bar-animated{animation:progressPulse 2s ease-in-out infinite}.mobile-menu-enter{animation:slideInRight .3s ease-out}@keyframes slideInRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}.section-header{position:relative;padding-bottom:.5rem}.section-header:after{content:"";position:absolute;bottom:0;left:0;width:60px;height:3px;background:linear-gradient(90deg,#3b82f6,#14b8a6);border-radius:2px}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.tooltip{position:relative}.tooltip:before{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translateX(-50%);padding:.5rem 1rem;background:#1f2937;color:white;font-size:.875rem;border-radius:.375rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .3s ease;margin-bottom:.5rem}.tooltip:hover:before{opacity:1}@media print{.mobile-menu-toggle,.performance-tables-container aside,.performance-tables-container button,.progress-bar{display:none!important}.performance-tables-container main{max-width:100%!important}.hero-section{page-break-after:always}section{page-break-inside:avoid}}@media (max-width:768px){.hero-section h1{font-size:2rem}.performance-tables-container{font-size:.95rem}.grid{grid-template-columns:1fr!important}}@media (prefers-color-scheme:dark){.performance-tables-container{background:linear-gradient(180deg,#1f2937,#111827)}.performance-tables-container .bg-white{background-color:#1f2937;color:#f3f4f6}.performance-tables-container .text-gray-900{color:#f3f4f6}.performance-tables-container .text-gray-600{color:#9ca3af}.performance-tables-container .border-gray-200{border-color:#374151}}