@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap);body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:#f5f7fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}#root{display:flex;flex-direction:column}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit;font-size:inherit}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}:root{--primary-gradient:linear-gradient(135deg,#667eea,#764ba2);--secondary-gradient:linear-gradient(135deg,#f093fb,#f5576c);--success-gradient:linear-gradient(135deg,#0fd850,#f9f047);--dark-gradient:linear-gradient(135deg,#232526,#414345);--primary-50:#f5f3ff;--primary-100:#ede9fe;--primary-200:#ddd6fe;--primary-300:#c4b5fd;--primary-400:#a78bfa;--primary-500:#8b5cf6;--primary-600:#7c3aed;--primary-700:#6d28d9;--primary-800:#5b21b6;--primary-900:#4c1d95;--dark-100:#1e1e2e;--dark-200:#2a2a3e;--dark-300:#35354a;--dark-400:#414156;--dark-500:#4d4d63;--light-100:#fff;--light-200:#fafafa;--light-300:#f4f4f5;--light-400:#e4e4e7;--light-500:#d4d4d8;--text-primary:#1a1a2e;--text-secondary:#4a5568;--text-muted:#718096;--text-light:#a0aec0;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--info:#3b82f6;--shadow-sm:0 2px 4px #0000000d;--shadow-md:0 4px 6px -1px #00000012,0 2px 4px -1px #0000000a;--shadow-lg:0 10px 15px -3px #00000014,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--shadow-2xl:0 25px 50px -12px #00000026;--shadow-inner:inset 0 2px 4px 0 #0000000f;--shadow-glow:0 0 20px #8b5cf64d;--space-xs:0.5rem;--space-sm:0.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--transition-fast:all 0.15s cubic-bezier(0.4,0,0.2,1);--transition-base:all 0.3s cubic-bezier(0.4,0,0.2,1);--transition-slow:all 0.5s cubic-bezier(0.4,0,0.2,1);--transition-spring:all 0.5s cubic-bezier(0.68,-0.55,0.265,1.55)}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{background:linear-gradient(135deg,#667eea,#764ba2);color:#1a1a2e;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:1rem;line-height:1.7;min-height:100vh;overflow-x:hidden;position:relative}body:before{background:radial-gradient(circle at 20% 80%,#8b5cf61a 0,#0000 50%),radial-gradient(circle at 80% 20%,#ec48991a 0,#0000 50%),radial-gradient(circle at 40% 40%,#3b82f60d 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:1}#root{background:#fffffff2;min-height:100vh;position:relative;z-index:2}h1,h2,h3,h4,h5,h6{color:#1a1a2e;color:var(--text-primary);font-weight:700;letter-spacing:-.025em;line-height:1.3}h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;font-size:3rem}h2{font-size:2.25rem}h3{font-size:1.875rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1.125rem}.navbar-premium{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;border-bottom:1px solid #fff3;box-shadow:0 4px 30px #0000001a;position:-webkit-sticky;position:sticky;top:0;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-base);z-index:1000}.navbar-container{padding:1rem 2rem}.navbar-brand{background:linear-gradient(135deg,#667eea,#764ba2);gap:.75rem}.navbar-link{border-radius:.75rem;color:#4a5568}.navbar-link,.navbar-link:before{transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-base)}.navbar-link:before{background:linear-gradient(135deg,#667eea,#764ba2);height:100%;left:0;opacity:0;top:0;width:100%;z-index:-1}.navbar-link:hover{color:#fff;color:var(--light-100)}.navbar-link:hover:before{opacity:1}.navbar-link.active{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);box-shadow:0 10px 15px -3px #00000014,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);color:#fff;color:var(--light-100)}.premium-card{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 20px 40px #00000014,inset 0 1px 0 #fffc;overflow:hidden;padding:2rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-base)}.premium-card:before{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);content:"";height:3px;left:0;position:absolute;right:0;top:0}.premium-card:hover{box-shadow:0 30px 60px #0000001f,inset 0 1px 0 #fffc;transform:translateY(-5px)}.btn-premium{align-items:center;border:none;border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 10px 15px -3px #00000014,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;justify-content:center;letter-spacing:.025em;overflow:hidden;padding:.875rem 2rem;position:relative;text-transform:uppercase;transition:all .5s cubic-bezier(.68,-.55,.265,1.55);transition:var(--transition-spring)}.btn-premium:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.btn-premium:hover:before{height:300px;width:300px}.btn-premium-primary{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);color:#fff}.btn-premium-primary:hover{box-shadow:0 20px 40px #8b5cf64d,0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:0 20px 40px #8b5cf64d,var(--shadow-xl);transform:translateY(-3px)}.btn-premium-secondary{background:#ffffffe6;border:2px solid #a78bfa;border:2px solid var(--primary-400);color:#7c3aed;color:var(--primary-600)}.btn-premium-secondary:hover{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border-color:#0000;color:#fff;transform:translateY(-3px)}.form-group-premium{margin-bottom:1.75rem;position:relative}.form-label-premium{color:#4a5568;color:var(--text-secondary);display:block;font-size:.875rem;font-weight:600;letter-spacing:.05em;margin-bottom:.5rem;text-transform:uppercase}.form-input-premium{background:#ffffffe6;border:2px solid #e4e4e7;border:2px solid var(--light-400);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 2px 4px #0000000d;box-shadow:var(--shadow-sm);color:#1a1a2e;color:var(--text-primary);font-size:1rem;padding:1rem 1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-base);width:100%}.form-input-premium:focus{background:#fff;border-color:#8b5cf6;border-color:var(--primary-500);box-shadow:0 0 0 4px #8b5cf61a,0 10px 15px -3px #00000014,0 4px 6px -2px #0000000d;box-shadow:0 0 0 4px #8b5cf61a,var(--shadow-lg);outline:none;transform:translateY(-2px)}.form-input-premium::placeholder{color:#a0aec0;color:var(--text-light)}.dashboard-premium{min-height:calc(100vh - 70px);padding:3rem 0}.dashboard-header-premium{animation:fadeInDown .8s ease;margin-bottom:3rem;text-align:center}.dashboard-subtitle{color:#4a5568;color:var(--text-secondary);font-size:1.125rem;margin-top:.5rem}.stats-grid-premium{grid-gap:2rem;animation:fadeInUp .8s ease;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:3rem}.stat-card-premium{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fffffff2,#fffc);border:1px solid #ffffff80;border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);overflow:hidden;padding:2rem;position:relative;transition:all .5s cubic-bezier(.68,-.55,.265,1.55);transition:var(--transition-spring)}.stat-card-premium:before{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);content:"";height:200%;opacity:.05;position:absolute;right:-50%;top:-50%;transform:rotate(45deg);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-base);width:200%}.stat-card-premium:hover{box-shadow:0 30px 60px #00000026,0 0 20px #8b5cf64d;box-shadow:0 30px 60px #00000026,var(--shadow-glow);transform:translateY(-8px) scale(1.02)}.stat-card-premium:hover:before{opacity:.1}.stat-icon-premium{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 10px 15px -3px #00000014,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);display:flex;height:60px;justify-content:center;margin-bottom:1rem;width:60px}.stat-icon-premium svg{color:#fff;height:30px;width:30px}.stat-value-premium{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800;margin:.5rem 0}.stat-label-premium{color:#718096;color:var(--text-muted);font-size:.875rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.test-container-premium{margin:2rem auto;max-width:900px;padding:0 1rem}.test-card-premium{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#fffffffa,#fffffff2);border:1px solid #ffffff80;border-radius:1.5rem;border-radius:var(--radius-2xl);box-shadow:0 30px 60px #0000001a,inset 0 1px 0 #fffc;padding:3rem}.question-nav-premium{background:#f9fafbcc;border-radius:.75rem;border-radius:var(--radius-lg);display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:2rem;padding:1.5rem}.question-indicator-premium{align-items:center;background:#fff;border:2px solid #e4e4e7;border:2px solid var(--light-400);border-radius:.5rem;border-radius:var(--radius-md);cursor:pointer;display:flex;font-size:.9rem;font-weight:600;height:45px;justify-content:center;transition:all .5s cubic-bezier(.68,-.55,.265,1.55);transition:var(--transition-spring);width:45px}.question-indicator-premium:hover{border-color:#a78bfa;border-color:var(--primary-400);box-shadow:0 10px 15px -3px #00000014,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:scale(1.1)}.question-indicator-premium.current{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border:none;box-shadow:0 0 20px #8b5cf64d;box-shadow:var(--shadow-glow);color:#fff;transform:scale(1.1)}.question-indicator-premium.answered{background:linear-gradient(135deg,#0fd850,#f9f047);border:none;color:#fff}.option-premium{background:linear-gradient(135deg,#ffffffe6,#f9fafbe6);border:2px solid #e4e4e7;border:2px solid var(--light-400);border-radius:.75rem;border-radius:var(--radius-lg);cursor:pointer;display:block;margin-bottom:1rem;overflow:hidden;padding:1.25rem 1.5rem;position:relative;transition:all .5s cubic-bezier(.68,-.55,.265,1.55);transition:var(--transition-spring)}.option-premium:before{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);content:"";height:100%;left:-100%;opacity:.1;position:absolute;top:0;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-base);width:100%}.option-premium:hover{border-color:#a78bfa;border-color:var(--primary-400);box-shadow:0 10px 15px -3px #00000014,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateX(5px)}.option-premium:hover:before{left:0}.option-premium input[type=radio]{margin-right:1rem;transform:scale(1.2)}.option-premium input[type=radio]:checked+span{color:#6d28d9;color:var(--primary-700);font-weight:600}.loading-premium{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px}.spinner-premium{animation:spin 1s cubic-bezier(.68,-.55,.265,1.55) infinite;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border:4px solid #e4e4e7;border:4px solid var(--light-400);border-radius:50%;border-top:4px solid #0000;height:60px;width:60px}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:768px){.navbar-container{padding:1rem}.stats-grid-premium{grid-template-columns:1fr}.test-card-premium{padding:1.5rem}h1{font-size:2rem}.navbar-links{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;box-shadow:0 25px 50px -12px #00000026;box-shadow:var(--shadow-2xl);flex-direction:column;left:0;padding:1rem;position:fixed;right:0;top:70px;transform:translateX(-100%);transition:transform .3s ease;z-index:999}.navbar-links.active{transform:translateX(0)}}.navbar-professional{background:#fff;border-bottom:1px solid #8b5cf61a;box-shadow:0 2px 10px #00000014;position:-webkit-sticky;position:sticky;top:0;transition:var(--transition-base);z-index:1000}.navbar-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px;min-height:70px;padding:0 1.5rem}.navbar-brand{-webkit-text-fill-color:#0000;align-items:center;background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;display:flex;font-size:1.5rem;font-weight:800;gap:.5rem;text-decoration:none;transition:var(--transition-base)}.navbar-brand:hover{transform:translateY(-2px)}.navbar-brand:before{content:"🎯";filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:1.8rem}.navbar-menu{gap:3rem}.navbar-links,.navbar-menu{align-items:center;display:flex}.navbar-links{gap:.5rem}.navbar-link{border-radius:var(--radius-lg);color:var(--text-secondary);font-size:.95rem;font-weight:500;overflow:hidden;padding:.625rem 1.25rem;position:relative;text-decoration:none;transition:var(--transition-spring)}.navbar-link:before{background:var(--primary-gradient);border-radius:var(--radius-full);bottom:0;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%) scaleX(0);transition:transform .3s ease;width:80%}.navbar-link:hover{background:linear-gradient(135deg,#8b5cf60d,#ec48990d);color:var(--primary-600);transform:translateY(-2px)}.navbar-link:hover:before{transform:translateX(-50%) scaleX(1)}.navbar-link.active{background:linear-gradient(135deg,#8b5cf61a,#ec48991a);color:var(--primary-600);font-weight:600}.navbar-link.active:before{transform:translateX(-50%) scaleX(1)}.navbar-user{align-items:center;background:linear-gradient(135deg,#f9fafbcc,#f3f4f6cc);border:1px solid var(--light-400);border-radius:var(--radius-lg);display:flex;gap:1rem;padding:.5rem 1rem;position:relative}.user-info{align-items:flex-end;display:flex;flex-direction:column;margin-right:.5rem}.user-name{color:var(--text-primary);font-size:.95rem;font-weight:600}.user-role{color:var(--text-muted);font-size:.75rem;letter-spacing:.05em;text-transform:uppercase}.navbar-user .btn-secondary{background:var(--primary-gradient);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;padding:.5rem 1rem;transition:var(--transition-spring)}.navbar-user .btn-secondary:hover{box-shadow:0 5px 15px #8b5cf64d;transform:translateY(-2px)}.mobile-menu-toggle{background:none;border:none;cursor:pointer;display:none;padding:.5rem}.hamburger{height:20px;position:relative;transform:rotate(0deg);transition:.5s ease-in-out;width:24px}.hamburger span{background:var(--primary-600);border-radius:var(--radius-full);display:block;height:3px;left:0;opacity:1;position:absolute;transform:rotate(0deg);transition:.25s ease-in-out;width:100%}.hamburger span:first-child{top:0}.hamburger span:nth-child(2){top:8px}.hamburger span:nth-child(3){top:16px}.hamburger.active span:first-child{top:8px;transform:rotate(135deg)}.hamburger.active span:nth-child(2){left:-60px;opacity:0}.hamburger.active span:nth-child(3){top:8px;transform:rotate(-135deg)}@media (max-width:1024px){.navbar-links{flex-wrap:wrap}.navbar-link{font-size:.9rem;padding:.5rem 1rem}}.mobile-menu-close{display:none}@media (max-width:768px){.mobile-menu-toggle{display:block;z-index:1002}.mobile-menu-close{background:var(--primary-gradient);border:none;border-radius:50%;box-shadow:0 4px 15px #0003;color:#fff;cursor:pointer;display:block!important;font-size:1.5rem;height:40px;position:absolute;right:1rem;top:1rem;transition:var(--transition-base);width:40px;z-index:10000}.mobile-menu-close:hover{box-shadow:0 6px 20px #0000004d;transform:scale(1.1)}.navbar-menu{align-items:stretch!important;background:#fff!important;box-shadow:-5px 0 30px #0003;display:flex!important;flex-direction:column!important;gap:1.5rem!important;height:100vh!important;max-width:320px;overflow-y:auto!important;padding:4rem 1rem 2rem!important;position:fixed!important;right:-100%;top:0!important;transition:right .3s ease-in-out;width:100%;z-index:9999!important}.navbar-menu.active{display:flex!important;right:0!important}.navbar-links{display:flex!important;flex-direction:column!important;gap:.5rem!important;padding:1rem 0!important;width:100%!important}.navbar-link{background:#f7f7f7!important;border:1px solid #e5e5e5!important;border-radius:8px!important;color:#333!important;display:block!important;font-size:.95rem!important;font-weight:500!important;margin-bottom:.5rem!important;opacity:1!important;padding:.875rem 1rem!important;text-align:center!important;text-decoration:none!important;visibility:visible!important;width:100%!important}.navbar-link:hover{transform:translateY(-2px)!important}.navbar-link.active,.navbar-link:hover{background:var(--primary-gradient)!important;color:#fff!important}.navbar-user{background:linear-gradient(135deg,#8b5cf60d,#ec48990d)!important;border-radius:var(--radius-lg)!important;flex-direction:column!important;margin-top:auto!important;padding:1.5rem 1rem!important}.navbar-user,.user-info{align-items:center!important;display:flex!important}.user-info{margin-bottom:1rem!important;margin-right:0!important}.navbar-user .btn-secondary{padding:.75rem;width:100%}}@media (max-width:480px){.navbar-brand{font-size:1.25rem}.navbar-brand:before{font-size:1.5rem}.navbar-menu{max-width:100%;padding:4rem 1rem 2rem!important;right:-100%;width:100%}.navbar-links{min-height:300px!important}.navbar-link{align-items:center!important;display:flex!important;justify-content:center!important;min-height:44px!important}.navbar-container{padding:0 1rem}}.auth-page-premium{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.auth-background{bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0}.auth-bg-pattern{animation:float 20s ease-in-out infinite;background-image:radial-gradient(circle at 20% 80%,#ffffff1a 0,#0000 50%),radial-gradient(circle at 80% 20%,#ffffff14 0,#0000 50%),radial-gradient(circle at 40% 40%,#ffffff0d 0,#0000 50%);height:150%;left:-25%;position:absolute;top:-25%;width:150%}@keyframes float{0%,to{transform:rotate(0deg) scale(1)}50%{transform:rotate(180deg) scale(1.1)}}.auth-container-premium{max-width:460px;padding:1rem;position:relative;width:100%;z-index:10}.auth-card-premium{animation:slideUp .6s cubic-bezier(.34,1.56,.64,1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffffa;border:1px solid #ffffff4d;box-shadow:0 20px 40px #0003,0 40px 80px #0000001a,inset 0 2px 0 #fffc;padding:3rem}.auth-logo-premium{margin-bottom:2rem}.auth-logo-premium,.logo-circle{display:flex;justify-content:center}.logo-circle{align-items:center;animation:pulse-glow 2s ease-in-out infinite;background:var(--primary-gradient);border-radius:50%;box-shadow:0 10px 30px #8b5cf64d,inset 0 2px 0 #ffffff4d;height:80px;width:80px}@keyframes pulse-glow{0%,to{box-shadow:0 10px 30px #8b5cf64d,inset 0 2px 0 #ffffff4d}50%{box-shadow:0 10px 40px #8b5cf680,inset 0 2px 0 #ffffff4d}}.logo-circle svg{color:#fff;height:40px;width:40px}.auth-header-premium{margin-bottom:2.5rem;text-align:center}.auth-header-premium h2{-webkit-text-fill-color:#0000;background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:2rem;font-weight:800;margin-bottom:.5rem}.auth-header-premium p{color:var(--text-muted);font-size:.95rem}.alert-premium{align-items:center;animation:shake .5s ease;border-radius:var(--radius-lg);display:flex;font-size:.9rem;gap:.75rem;margin-bottom:1.5rem;padding:1rem 1.25rem}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.alert-danger-premium{background:linear-gradient(135deg,#ef44441a,#dc26261a);border:1px solid #ef444433;color:var(--danger)}.alert-premium svg{flex-shrink:0}.input-wrapper-premium{position:relative}.input-wrapper-premium .input-icon{color:var(--text-muted);left:1.25rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:var(--transition-base)}.form-input-premium.with-icon{padding-left:3.5rem}.form-input-premium:focus~.input-icon{color:var(--primary-500)}.form-options-premium{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.checkbox-premium{align-items:center;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.9rem}.checkbox-premium input[type=checkbox]{display:none}.checkmark{border:2px solid var(--light-400);border-radius:var(--radius-sm);height:20px;margin-right:.75rem;position:relative;transition:var(--transition-base);width:20px}.checkbox-premium input:checked~.checkmark{background:var(--primary-gradient);border:none}.checkbox-premium input:checked~.checkmark:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:10px;left:6px;position:absolute;top:3px;transform:rotate(45deg);width:5px}.forgot-link{color:var(--primary-600);font-size:.9rem;font-weight:500;transition:var(--transition-base)}.forgot-link:hover{color:var(--primary-700);text-decoration:underline}.w-full{width:100%}.btn-premium.w-full{margin-bottom:1rem;width:100%}.divider-premium{margin:2rem 0;position:relative;text-align:center}.divider-premium:before{background:linear-gradient(90deg,#0000,var(--light-400),#0000);content:"";height:1px;left:0;position:absolute;right:0;top:50%}.divider-premium span{background:#fff;color:var(--text-muted);font-size:.85rem;font-weight:500;letter-spacing:.1em;padding:0 1rem;position:relative;text-transform:uppercase}.spinner-small{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:18px;margin-right:.5rem;width:18px}.auth-footer-premium{border-top:1px solid var(--light-400);margin-top:2rem;padding-top:2rem;text-align:center}.auth-footer-premium p{color:var(--text-secondary);font-size:.95rem}.link-premium{color:var(--primary-600);font-weight:600;margin-left:.5rem;transition:var(--transition-base)}.link-premium:hover{color:var(--primary-700);text-decoration:underline}@media (max-width:480px){.auth-container-premium{padding:.5rem}.auth-card-premium{padding:2rem 1.5rem}.auth-header-premium h2{font-size:1.75rem}}.auth-page-professional{align-items:center;background:var(--bg-secondary);display:flex;justify-content:center;min-height:100vh;padding:var(--spacing-lg)}.auth-container{max-width:420px;width:100%}.auth-card{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-2xl)}.auth-header{margin-bottom:var(--spacing-2xl);text-align:center}.auth-title{color:var(--text-primary);font-size:1.75rem;font-weight:600;margin-bottom:var(--spacing-sm)}.auth-subtitle{color:var(--text-muted);font-size:.875rem}.auth-form{margin-bottom:var(--spacing-lg)}.auth-footer{border-top:1px solid var(--border-light);padding-top:var(--spacing-lg);text-align:center}.auth-footer p{color:var(--text-secondary);font-size:.875rem;margin:0}.auth-footer a{color:var(--secondary);font-weight:500}.alert{border-radius:var(--radius-md);font-size:.875rem;margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.alert-danger{background:#fef2f2;border:1px solid #fee2e2;color:#991b1b}.alert-success{background:#f0fdf4;border:1px solid #dcfce7;color:#166534}.alert-info{background:#eff6ff;border:1px solid #dbeafe;color:#1e40af}@media (max-width:480px){.auth-page-professional{padding:var(--spacing-md)}.auth-card{padding:var(--spacing-lg)}.auth-title{font-size:1.5rem}}.admin-dashboard{background:linear-gradient(135deg,#f8f9fa,#e9ecef);min-height:100vh;padding:2rem 1rem;position:relative}.admin-dashboard h1{display:none}.stats-grid{grid-gap:2rem;animation:fadeInUp .8s ease;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:0 auto 4rem;max-width:1400px;position:relative;z-index:1}.stat-card{border:1px solid #0000000d;border-radius:var(--radius-xl);box-shadow:0 10px 30px #0000001a;overflow:hidden;padding:2rem;position:relative;text-align:center}.stat-card:before{background:var(--primary-gradient);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.stat-card:hover:before{transform:scaleX(1)}.stat-card:hover{box-shadow:0 30px 60px #0003,0 0 40px #8b5cf61a;transform:translateY(-8px) scale(1.02)}.stat-card h3{font-size:.95rem;font-weight:700;letter-spacing:.1em;margin-bottom:1rem}.stat-number{-webkit-text-fill-color:#0000;animation:countUp 1s ease;background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;font-size:3.5rem;font-weight:800;line-height:1;margin:1rem 0}@keyframes countUp{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.view-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;margin-top:1rem;padding:.625rem 1.25rem;transition:var(--transition-spring)}.view-btn:hover{box-shadow:0 5px 20px #10b9814d;transform:translateY(-2px)}.admin-actions{animation:slideUp 1s cubic-bezier(.34,1.56,.64,1);background:#fff;border-radius:var(--radius-xl);box-shadow:0 20px 60px #0000001a;margin:0 auto;max-width:1200px;padding:3rem;position:relative;z-index:1}.admin-actions h2{color:var(--text-primary);font-size:2rem;font-weight:700;margin-bottom:2.5rem;text-align:center}.action-buttons{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.action-btn{background:#fff;background-clip:padding-box,border-box;background-image:linear-gradient(#fff,#fff),var(--primary-gradient);background-origin:border-box;border:3px solid #0000;border-radius:var(--radius-xl);color:var(--text-primary);cursor:pointer;font-size:1.1rem;font-weight:700;letter-spacing:.05em;overflow:hidden;padding:2rem 1.5rem;position:relative;text-transform:uppercase;transition:var(--transition-spring)}.action-btn:before{bottom:0;left:0;right:0;top:0;z-index:-1}.action-btn:after,.action-btn:before{background:var(--primary-gradient);content:"";opacity:0;position:absolute;transition:opacity .3s ease}.action-btn:after{border-radius:var(--radius-xl);bottom:-2px;left:-2px;right:-2px;top:-2px;z-index:-2}.action-btn:hover{box-shadow:0 20px 40px #8b5cf64d;color:#fff;transform:translateY(-5px) scale(1.02)}.action-btn:hover:after{animation:pulse 1.5s ease-in-out infinite;opacity:1}.action-btn:first-child:before{content:"📝"}.action-btn:first-child:before,.action-btn:nth-child(2):before{font-size:1.5rem;opacity:.7;position:absolute;right:1rem;top:.75rem;transition:all .3s ease}.action-btn:nth-child(2):before{content:"📚"}.action-btn:nth-child(3):before{content:"✅";font-size:1.5rem;opacity:.7;position:absolute;right:1rem;top:.75rem;transition:all .3s ease}.action-btn:hover:before{opacity:1;transform:rotate(15deg) scale(1.2)}.recent-activity{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffffa;border-radius:var(--radius-xl);margin:3rem auto 0;max-width:1200px;padding:2rem;position:relative;z-index:1}.recent-activity h2{border-bottom:2px solid var(--light-400);color:var(--text-primary);font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;padding-bottom:1rem}.admin-dashboard .loading{align-items:center;color:var(--text-secondary);display:flex;font-size:1.2rem;justify-content:center;min-height:60vh}@media (max-width:1024px){.stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.action-buttons{grid-template-columns:1fr}}@media (max-width:768px){.admin-dashboard h1{font-size:2rem;margin-bottom:2rem}.stats-grid{gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-number{font-size:2.5rem}.admin-actions{padding:2rem 1.5rem}.action-btn{font-size:1rem;padding:1.5rem 1rem}}@media (max-width:480px){.admin-dashboard h1{font-size:2rem}.stats-grid{grid-template-columns:1fr}.stat-card{padding:1.5rem}.admin-actions h2{font-size:1.5rem}}.questions-page{background:linear-gradient(135deg,#f5f7fa,#e9ecef);min-height:100vh;padding:2rem 1rem}.questions-page .page-header{align-items:center;animation:fadeInDown .6s ease;background:#fff;border-radius:var(--radius-xl);box-shadow:0 10px 30px #00000014;display:flex;justify-content:space-between;margin:0 auto 3rem;max-width:1400px;padding:2rem}.questions-page .page-header h1{-webkit-text-fill-color:#0000;background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800}.primary-btn{overflow:hidden;position:relative}.primary-btn:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.primary-btn:hover:before{left:100%}.question-form{animation:slideDown .5s cubic-bezier(.34,1.56,.64,1);background:#fff;border:1px solid #8b5cf61a;border-radius:var(--radius-xl);box-shadow:0 20px 60px #0000001a;margin:0 auto 3rem;max-width:900px;padding:2.5rem}.question-form h2{-webkit-text-fill-color:#0000;background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;border-bottom:2px solid var(--light-400);color:var(--text-primary);font-size:1.75rem;font-weight:700;padding-bottom:1rem}.form-group,.question-form h2{margin-bottom:2rem}.form-group label{color:var(--text-primary);display:block;font-size:.95rem;font-weight:600;letter-spacing:.05em;margin-bottom:.75rem;text-transform:uppercase}.form-group input[type=text],.form-group select,.form-group textarea{background:linear-gradient(135deg,#f9fafbcc,#f3f4f6cc);border:2px solid var(--light-400);border-radius:var(--radius-lg);color:var(--text-primary);font-size:1rem;padding:1rem 1.25rem;transition:var(--transition-base);width:100%}.form-group input[type=text]:focus,.form-group select:focus,.form-group textarea:focus{background:#fff;border-color:var(--primary-500);box-shadow:0 0 0 4px #8b5cf61a;outline:none}.form-group textarea{font-family:inherit;line-height:1.6;min-height:120px;resize:vertical}.option-input{align-items:center;background:linear-gradient(135deg,#f9fafb80,#f3f4f680);border-radius:var(--radius-md);display:flex;gap:1rem;margin-bottom:1rem;padding:1rem;transition:var(--transition-base)}.option-input:hover{background:#fff;box-shadow:0 5px 15px #0000000d}.option-input input[type=text]{border:2px solid var(--light-400);flex:1 1}.option-input input[type=text],.option-input label{background:#fff;border-radius:var(--radius-md);padding:.75rem 1rem}.option-input label{align-items:center;color:var(--text-secondary);cursor:pointer;display:flex;font-weight:600;gap:.5rem;margin:0;transition:var(--transition-base)}.option-input label:hover{background:linear-gradient(135deg,#8b5cf60d,#ec48990d)}.option-input input[type=checkbox]{accent-color:var(--primary-600);cursor:pointer;height:20px;width:20px}.form-actions{border-top:1px solid var(--light-400);display:flex;gap:1rem;justify-content:flex-end;padding-top:1.5rem}.submit-btn{background:var(--primary-gradient);border:none;border-radius:var(--radius-lg);color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.875rem 2rem;transition:var(--transition-spring)}.submit-btn:hover{box-shadow:0 10px 30px #8b5cf64d;transform:translateY(-3px)}.cancel-btn{background:#fff;border:2px solid var(--light-400);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;font-size:1rem;font-weight:600;padding:.875rem 2rem;transition:var(--transition-base)}.cancel-btn:hover{background:#ef44440d;border-color:var(--danger);color:var(--danger)}.questions-list{margin:0 auto;max-width:1400px}.questions-list h2{color:var(--text-primary);font-size:1.75rem;font-weight:700;margin-bottom:2rem;text-align:center}.question-card{animation:fadeInUp .6s ease;background:#fff;border-radius:var(--radius-lg);box-shadow:0 5px 20px #00000014;margin-bottom:1.5rem;overflow:hidden;padding:2rem;position:relative;transition:var(--transition-spring)}.question-card:before{background:var(--primary-gradient);bottom:0;content:"";left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:4px}.question-card:hover{box-shadow:0 15px 40px #0000001f;transform:translateY(-5px)}.question-card:hover:before{opacity:1}.question-header{margin-bottom:1.5rem}.question-header h3{color:var(--text-primary);font-size:1.25rem;font-weight:600;line-height:1.6;margin-bottom:.75rem}.question-meta{align-items:center;display:flex;gap:1rem}.difficulty{border-radius:var(--radius-full);font-size:.75rem;font-weight:700;letter-spacing:.05em;padding:.375rem .875rem;text-transform:uppercase}.difficulty.easy{background:linear-gradient(135deg,#22c55e1a,#22c55e33);color:#16a34a}.difficulty.medium{background:linear-gradient(135deg,#fb923c1a,#fb923c33);color:#ea580c}.difficulty.hard{background:linear-gradient(135deg,#ef44441a,#ef444433);color:#dc2626}.category{background:linear-gradient(135deg,#8b5cf61a,#ec48991a);border-radius:var(--radius-full);color:var(--primary-600);font-size:.75rem;font-weight:600;padding:.375rem .875rem}.questions-list .options-list{background:linear-gradient(135deg,#f9fafb80,#f3f4f680);border-radius:var(--radius-md);margin:1.5rem 0;padding:1rem}.questions-list .option{align-items:center;background:#fff;border-radius:var(--radius-md);display:flex;justify-content:space-between;margin-bottom:.5rem;padding:.75rem 1rem;transition:var(--transition-base)}.questions-list .option:last-child{margin-bottom:0}.questions-list .option.correct{background:linear-gradient(135deg,#10b9811a,#10b9810d);border:1px solid #10b98133;color:var(--success);font-weight:600}.correct-badge{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;color:#fff;display:inline-flex;font-weight:700;height:24px;justify-content:center;width:24px}.explanation{margin:1.5rem 0;padding:1rem 1.25rem}.question-actions{border-top:1px solid var(--light-400);display:flex;gap:1rem;padding-top:1.5rem}.delete-btn,.edit-btn{border:none;border-radius:var(--radius-md);cursor:pointer;font-size:.875rem;font-weight:600;padding:.625rem 1.25rem;transition:var(--transition-spring)}@media (max-width:768px){.questions-page .page-header{flex-direction:column;gap:1.5rem;text-align:center}.questions-page .page-header h1{font-size:2rem}.question-form{padding:1.5rem}.form-actions{flex-direction:column}.form-actions button{width:100%}.option-input{align-items:stretch;flex-direction:column}.question-card{padding:1.5rem}}@media (max-width:480px){.questions-page .page-header h1{font-size:1.5rem}.question-header h3{font-size:1.1rem}.question-meta{flex-wrap:wrap}}.test-modules-page{background:linear-gradient(135deg,#f5f7fa,#e9ecef);min-height:100vh;padding:2rem 1rem}.test-modules-page .page-header{align-items:center;animation:fadeInDown .6s ease;background:#fff;border-radius:var(--radius-xl);box-shadow:0 10px 30px #00000014;display:flex;justify-content:space-between;margin:0 auto 3rem;max-width:1400px;padding:2rem}.test-modules-page .page-header h1{-webkit-text-fill-color:#0000;background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800}.module-form{animation:slideDown .5s cubic-bezier(.34,1.56,.64,1);background:#fff;border:1px solid #8b5cf61a;border-radius:var(--radius-xl);box-shadow:0 20px 60px #0000001a;margin:0 auto 3rem;max-width:1000px;padding:2.5rem}.module-form h2{-webkit-text-fill-color:#0000;background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;border-bottom:2px solid var(--light-400);font-size:1.75rem;font-weight:700;margin-bottom:2rem;padding-bottom:1rem}.questions-selector{background:linear-gradient(135deg,#f9fafbcc,#f3f4f6cc);border:2px solid var(--light-400);border-radius:var(--radius-lg);max-height:400px;overflow-y:auto;padding:1rem}.question-select-item{background:#fff;border:2px solid #0000;border-radius:var(--radius-md);margin-bottom:.75rem;padding:1rem;transition:var(--transition-base)}.question-select-item:hover{border-color:var(--primary-400);box-shadow:0 3px 10px #0000000d;transform:translateX(5px)}.question-select-item label{align-items:center;color:var(--text-primary);cursor:pointer;display:flex;font-size:.95rem;gap:1rem}.question-select-item input[type=checkbox]{accent-color:var(--primary-600);cursor:pointer;flex-shrink:0;height:20px;width:20px}.question-select-item .difficulty{border-radius:var(--radius-full);font-size:.7rem;font-weight:700;letter-spacing:.05em;margin-left:auto;padding:.25rem .75rem;text-transform:uppercase}.modules-list{margin:0 auto;max-width:1400px}.modules-list h2{color:var(--text-primary);font-size:1.75rem;font-weight:700;margin-bottom:2rem;text-align:center}.module-card{animation:fadeInUp .6s ease;background:#fff;border:1px solid #0000000d;border-radius:var(--radius-lg);box-shadow:0 5px 20px #00000014;margin-bottom:1.5rem;overflow:hidden;padding:2rem;position:relative;transition:var(--transition-spring)}.module-card:before{background:var(--primary-gradient);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.module-card:hover:before{transform:scaleX(1)}.module-card:hover{box-shadow:0 15px 40px #0000001f;transform:translateY(-5px)}.module-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.module-header h3{color:var(--text-primary);font-size:1.5rem;font-weight:700}.status{border-radius:var(--radius-full);font-size:.75rem;font-weight:700;letter-spacing:.05em;padding:.5rem 1rem;text-transform:uppercase}.status.active{background:linear-gradient(135deg,#10b9811a,#10b98133);border:1px solid #10b9814d;color:var(--success)}.status.inactive{background:linear-gradient(135deg,#9ca3af1a,#9ca3af33);border:1px solid #9ca3af4d;color:var(--text-muted)}.module-description{color:var(--text-secondary);font-size:.95rem;line-height:1.6;margin-bottom:1.5rem}.module-info{background:linear-gradient(135deg,#f9fafb80,#f3f4f680);border-radius:var(--radius-md);display:flex;gap:2rem;margin-bottom:1.5rem;padding:1rem}.module-info span{align-items:center;color:var(--text-secondary);display:flex;font-size:.9rem;font-weight:600;gap:.5rem}.module-info span:before{color:var(--primary-500);content:"•";font-weight:700}.module-info span:first-child:before{content:"📝"}.module-info span:nth-child(2):before{content:"⏱️"}.module-info span:last-child:before{content:"🎯"}.module-actions{border-top:1px solid var(--light-400);display:flex;gap:1rem;padding-top:1.5rem}.module-actions button{border:none;border-radius:var(--radius-md);cursor:pointer;font-size:.875rem;font-weight:600;padding:.625rem 1.25rem;transition:var(--transition-spring)}.edit-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.edit-btn:hover{box-shadow:0 5px 20px #3b82f64d;transform:translateY(-2px)}.deactivate-btn{background:linear-gradient(135deg,#f59e0b,#d97706)}.deactivate-btn:hover{box-shadow:0 5px 20px #f59e0b4d}.delete-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.delete-btn:hover{box-shadow:0 5px 20px #ef44444d;transform:translateY(-2px)}.questions-selector::-webkit-scrollbar{width:8px}.questions-selector::-webkit-scrollbar-track{background:var(--light-300);border-radius:var(--radius-full)}.questions-selector::-webkit-scrollbar-thumb{background:var(--primary-gradient);border-radius:var(--radius-full)}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.test-modules-page .page-header{flex-direction:column;gap:1.5rem;text-align:center}.module-form{padding:1.5rem}.module-info{flex-direction:column;gap:.5rem}.module-actions{flex-wrap:wrap}.module-actions button{flex:1 1;min-width:100px}}@media (max-width:480px){.test-modules-page .page-header h1{font-size:1.75rem}.module-header{align-items:flex-start;gap:1rem}.module-actions,.module-header{flex-direction:column}.module-actions button{width:100%}}.test-list-page{background:linear-gradient(135deg,#f5f7fa,#e9ecef);min-height:100vh;padding:2rem 1rem}.page-header{animation:fadeInDown .6s ease;margin-bottom:3rem;text-align:center}.page-header h1{-webkit-text-fill-color:#0000;background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:800;margin-bottom:.5rem}.page-header p{color:var(--text-muted);font-size:1.1rem}.tests-grid{grid-gap:2rem;animation:fadeInUp .8s ease;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.tests-grid .card{background:#fff;border:1px solid #0000000d;border-radius:var(--radius-xl);box-shadow:0 4px 20px #00000014;overflow:hidden;position:relative;transition:var(--transition-spring)}.tests-grid .card:before{background:var(--primary-gradient);content:"";height:5px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.tests-grid .card:hover:before{opacity:1}.tests-grid .card:hover{box-shadow:var(--shadow-glow),0 20px 40px #00000026;transform:translateY(-8px) scale(1.02)}.card-body{padding:2rem}.card-title{align-items:center;color:var(--text-primary);display:flex;font-size:1.5rem;font-weight:700;gap:.75rem;margin-bottom:1rem}.card-title:before{content:"📚";filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:1.8rem}.card-text{color:var(--text-secondary);font-size:.95rem;line-height:1.6;margin-bottom:1.5rem;min-height:3rem}.test-meta{border-top:1px solid var(--light-400);justify-content:space-between;margin-bottom:1rem;padding:1rem 0}.test-duration,.test-meta{align-items:center;display:flex}.test-duration{color:var(--text-muted);gap:.5rem}.test-duration:before{content:"⏱️";font-size:1.2rem}.badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:.75rem;font-weight:600;gap:.3rem;letter-spacing:.05em;padding:.5rem 1rem;text-transform:uppercase}.badge-success{background:linear-gradient(135deg,#10b9811a,#10b98133);border:1px solid #10b9814d;color:var(--success)}.badge-success:before{content:"✓";font-weight:700}.tests-grid .btn-primary{background:var(--primary-gradient);border:none;border-radius:var(--radius-lg);color:#fff;cursor:pointer;font-size:1rem;font-weight:600;overflow:hidden;padding:1rem 2rem;position:relative;transition:var(--transition-spring);width:100%}.tests-grid .btn-primary:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.tests-grid .btn-primary:hover:before{left:100%}.tests-grid .btn-primary:hover:not(:disabled){box-shadow:0 10px 30px #8b5cf666;transform:translateY(-2px)}.tests-grid .btn-primary:disabled{background:linear-gradient(135deg,#cbd5e0,#a0aec0);cursor:not-allowed;opacity:.7}.empty-state{animation:fadeIn .6s ease;background:#fff;border-radius:var(--radius-xl);box-shadow:0 10px 40px #0000000d;padding:5rem 2rem;text-align:center}.empty-state:before{content:"📋";display:block;filter:grayscale(.5) opacity(.5);font-size:5rem;margin-bottom:2rem}.empty-state h2{color:var(--text-primary);font-size:2rem;margin-bottom:1rem}.empty-state p{color:var(--text-muted);font-size:1.1rem}.test-list-page .loading-container{align-items:center;display:flex;flex-direction:column;gap:2rem;justify-content:center;min-height:60vh}.test-list-page .spinner{animation:spin 1s cubic-bezier(.68,-.55,.265,1.55) infinite;background:var(--primary-gradient);border:4px solid var(--light-400);border-radius:50%;border-top:4px solid #0000;height:60px;width:60px}.test-categories{display:flex;gap:1rem;margin-bottom:2rem;overflow-x:auto;padding-bottom:.5rem}.category-pill{background:#fff;border:2px solid var(--light-400);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:var(--transition-base);white-space:nowrap}.category-pill:hover{border-color:var(--primary-500);color:var(--primary-600);transform:translateY(-2px)}.category-pill.active{background:var(--primary-gradient);border-color:#0000;color:#fff}.difficulty-badge{border-radius:var(--radius-md);font-size:.75rem;font-weight:700;letter-spacing:.05em;padding:.5rem 1rem;position:absolute;right:1.5rem;text-transform:uppercase;top:1.5rem}.difficulty-easy{background:linear-gradient(135deg,#22c55e1a,#22c55e33);color:#16a34a}.difficulty-medium{background:linear-gradient(135deg,#fb923c1a,#fb923c33);color:#ea580c}.difficulty-hard{background:linear-gradient(135deg,#ef44441a,#ef444433);color:#dc2626}@media (max-width:768px){.page-header h1{font-size:2rem}.tests-grid{gap:1.5rem;grid-template-columns:1fr}.card-body{padding:1.5rem}}@media (max-width:480px){.page-header h1{font-size:1.75rem}.card-title{font-size:1.25rem}}.take-test-page{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;overflow:hidden;padding:1.5rem;position:relative}.take-test-page:before{animation:rotate 30s linear infinite;background:radial-gradient(circle,#ffffff1a 0,#0000 70%);content:"";height:200%;position:absolute;right:-50%;top:-50%;width:200%}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.test-container{animation:slideUp .6s cubic-bezier(.34,1.56,.64,1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffffa;border-radius:var(--radius-xl);box-shadow:0 30px 60px #0003,inset 0 1px 0 #fff9;margin:0 auto;max-width:1200px;padding:2rem;position:relative;z-index:1}.test-header-info{align-items:center;background:linear-gradient(135deg,#8b5cf60d,#ec48990d);border:1px solid #8b5cf61a;border-radius:var(--radius-lg);display:flex;justify-content:space-between;margin-bottom:2rem;padding:1.5rem}.test-header-info h2{-webkit-text-fill-color:#0000;background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;font-size:1.75rem;font-weight:700;margin-bottom:.25rem}.test-header-info .text-muted{color:var(--text-muted);font-size:.95rem}.test-timer{align-items:center;background:#fff;border-radius:var(--radius-full);box-shadow:0 4px 15px #0000001a;color:var(--primary-600);display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:var(--transition-base)}.test-timer:before{content:"⏰";font-size:1.3rem}.test-timer.warning{animation:pulse 1s ease-in-out infinite;background:linear-gradient(135deg,#ff6b6b,#ffd93d);color:#fff}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.question-indicators{grid-gap:.75rem;background:linear-gradient(135deg,#f9fafbcc,#f3f4f6cc);border-radius:var(--radius-lg);display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(45px,1fr));margin-bottom:2rem;max-height:200px;overflow-y:auto;padding:1.5rem}.indicator-btn{background:#fff;border:2px solid var(--light-400);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;font-weight:600;height:45px;overflow:hidden;position:relative;transition:var(--transition-spring);width:45px}.indicator-btn:before{background:var(--primary-gradient);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%;z-index:-1}.indicator-btn:hover{box-shadow:0 5px 15px #0000001a;transform:translateY(-3px)}.indicator-btn.current{background:var(--primary-gradient);border:none;box-shadow:var(--shadow-glow);color:#fff;transform:scale(1.1)}.indicator-btn.answered{background:linear-gradient(135deg,#10b981,#059669);border:none;color:#fff}.indicator-btn.answered:not(.current):after{align-items:center;background:#fff;border-radius:50%;box-shadow:0 2px 5px #0003;color:var(--success);content:"✓";display:flex;font-size:.75rem;font-weight:700;height:18px;justify-content:center;position:absolute;right:-5px;top:-5px;width:18px}.question-content{background:#fff;border:1px solid var(--light-300);border-radius:var(--radius-lg);box-shadow:0 10px 30px #0000000d;margin-bottom:2rem;padding:2.5rem}.question-text{border-bottom:2px solid var(--light-400);font-size:1.4rem;margin-bottom:2rem;padding-bottom:1.5rem}.options-list{display:flex;flex-direction:column;gap:1rem}.option-item,.option-label{position:relative;transition:var(--transition-spring)}.option-label{align-items:center;background:linear-gradient(135deg,#f9fafbcc,#f3f4f6cc);border:2px solid var(--light-400);border-radius:var(--radius-lg);cursor:pointer;display:flex;overflow:hidden;padding:1.25rem 1.5rem}.option-label:before{background:var(--primary-gradient);content:"";height:100%;left:-100%;opacity:.1;position:absolute;top:0;transition:left .3s ease;width:100%}.option-label:hover:before{left:0}.option-label:hover{background:#fff;border-color:var(--primary-400);box-shadow:0 5px 15px #8b5cf61a;transform:translateX(5px)}.option-label input[type=radio]{accent-color:var(--primary-600);cursor:pointer;flex-shrink:0;height:22px;margin-right:1rem;width:22px}.option-label input[type=radio]:checked{transform:scale(1.1)}.option-label input[type=radio]:checked~span{color:var(--primary-700);font-weight:600}.option-label:has(input:checked){background:linear-gradient(135deg,#8b5cf61a,#ec48991a);border-color:var(--primary-500);box-shadow:0 5px 20px #8b5cf633}.option-label span{color:var(--text-primary);font-size:1.05rem;line-height:1.6;transition:var(--transition-base)}.question-navigation{align-items:center;background:linear-gradient(135deg,#f9fafb80,#f3f4f680);border-radius:var(--radius-lg);display:flex;gap:1rem;justify-content:space-between;padding:2rem}.question-progress{background:#fff;border-radius:var(--radius-full);box-shadow:0 2px 10px #0000000d;color:var(--text-secondary);font-weight:600;padding:.75rem 1.5rem}.question-navigation .btn{border:none;border-radius:var(--radius-lg);cursor:pointer;font-size:1rem;font-weight:600;min-width:120px;overflow:hidden;padding:.875rem 2rem;position:relative;transition:var(--transition-spring)}.question-navigation .btn-primary{background:var(--primary-gradient);color:#fff}.question-navigation .btn-primary:hover:not(:disabled){box-shadow:0 10px 30px #8b5cf64d;transform:translateY(-2px)}.question-navigation .btn-secondary{background:#fff;border:2px solid var(--light-400);color:var(--text-secondary)}.question-navigation .btn-secondary:hover:not(:disabled){border-color:var(--primary-400);box-shadow:0 5px 15px #0000001a;color:var(--primary-600);transform:translateY(-2px)}.question-navigation .btn-danger{animation:glow-danger 2s ease-in-out infinite;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}@keyframes glow-danger{0%,to{box-shadow:0 5px 15px #ef44444d}50%{box-shadow:0 5px 25px #ef444480}}.question-navigation .btn-danger:hover:not(:disabled){box-shadow:0 10px 30px #ef444466;transform:translateY(-2px) scale(1.02)}.question-navigation .btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.take-test-page .loading-container{align-items:center;display:flex;flex-direction:column;gap:2rem;justify-content:center;min-height:60vh}.take-test-page .spinner{animation:spin 1s cubic-bezier(.68,-.55,.265,1.55) infinite;border:5px solid #fff3;border-radius:50%;border-top-color:#fff;height:80px;width:80px}.take-test-page .loading-container p{color:#fff;font-size:1.1rem;font-weight:500}.question-indicators::-webkit-scrollbar{width:8px}.question-indicators::-webkit-scrollbar-track{background:var(--light-300);border-radius:var(--radius-full)}.question-indicators::-webkit-scrollbar-thumb{background:var(--primary-gradient);border-radius:var(--radius-full)}@media (max-width:768px){.test-container{padding:1.5rem}.test-header-info{flex-direction:column;gap:1rem;text-align:center}.question-indicators{grid-template-columns:repeat(auto-fill,minmax(40px,1fr))}.question-content{padding:1.5rem}.question-text{font-size:1.2rem}.question-navigation{flex-direction:column;gap:1rem}.question-navigation .btn{width:100%}}@media (max-width:480px){.take-test-page,.test-container{padding:1rem}.question-text{font-size:1.1rem}.option-label{padding:1rem}}.test-result-page{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:2rem 1rem;position:relative}.test-result-page:before{background-image:radial-gradient(circle at 20% 50%,#ffffff1a 0,#0000 50%),radial-gradient(circle at 80% 80%,#ffffff0d 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.result-header{animation:fadeInDown .6s ease;margin-bottom:3rem;position:relative;text-align:center;z-index:1}.result-header h1{color:#fff;font-size:3rem;font-weight:800;margin-bottom:1rem;text-shadow:0 4px 20px #0003}.result-header h2{color:#fffffff2;font-size:1.75rem;font-weight:600;margin-bottom:.5rem}.result-header p{color:#fffc;font-size:1.1rem}.result-card{animation:slideUp .8s cubic-bezier(.34,1.56,.64,1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffffa;border-radius:var(--radius-xl);box-shadow:0 30px 60px #0000004d,inset 0 1px 0 #fff9;margin:0 auto 2rem;max-width:800px;overflow:hidden;padding:3rem;position:relative;z-index:1}.result-card:before{content:"";height:8px;left:0;position:absolute;right:0;top:0;transition:var(--transition-base)}.result-card.passed:before{animation:shimmer 2s ease-in-out infinite;background:linear-gradient(90deg,#10b981,#059669 50%,#10b981);background-size:200% 100%}.result-card.failed:before{animation:shimmer 2s ease-in-out infinite;background:linear-gradient(90deg,#ef4444,#dc2626 50%,#ef4444);background-size:200% 100%}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}.result-status{margin-bottom:3rem;text-align:center}.fail-message,.pass-message{align-items:center;display:flex;flex-direction:column;gap:1.5rem}.status-icon{align-items:center;animation:scaleIn .6s cubic-bezier(.34,1.56,.64,1);border-radius:50%;color:#fff;display:flex;font-size:3rem;font-weight:700;height:100px;justify-content:center;width:100px}.pass-message .status-icon{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 20px 40px #10b9814d}.fail-message .status-icon{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 20px 40px #ef44444d}.result-status h3{font-size:2rem;font-weight:700;margin:0}.pass-message h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#10b981,#059669);-webkit-background-clip:text;background-clip:text;color:var(--success)}.fail-message h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ef4444,#dc2626);-webkit-background-clip:text;background-clip:text;color:var(--danger)}.result-stats{grid-gap:1.5rem;background:linear-gradient(135deg,#f9fafbcc,#f3f4f6cc);border-radius:var(--radius-lg);display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding:2rem}.stat{background:#fff;border-radius:var(--radius-md);box-shadow:0 2px 10px #0000000d;display:flex;flex-direction:column;gap:.5rem;padding:1rem;transition:var(--transition-spring)}.stat:hover{box-shadow:0 5px 20px #0000001a;transform:translateY(-3px)}.stat label{color:var(--text-muted);font-size:.875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.stat span{-webkit-text-fill-color:#0000;background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700}.result-actions{display:flex;gap:1rem;justify-content:center;margin-bottom:3rem;position:relative;z-index:1}.result-actions button{border:none;border-radius:var(--radius-lg);cursor:pointer;font-size:1rem;font-weight:600;overflow:hidden;padding:1rem 2rem;position:relative;transition:var(--transition-spring)}.toggle-details-btn{background:#fff;box-shadow:0 4px 15px #0000001a;color:var(--primary-600)}.toggle-details-btn:hover{background:var(--primary-gradient);box-shadow:0 10px 30px #8b5cf633;color:#fff;transform:translateY(-3px)}.back-btn{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#fff3,#ffffff1a);border:1px solid #ffffff4d;color:#fff}.back-btn:hover{background:#ffffff4d;box-shadow:0 10px 30px #0003;transform:translateY(-3px)}.history-btn{background:var(--primary-gradient);color:#fff}.history-btn:hover{box-shadow:0 10px 30px #8b5cf666;transform:translateY(-3px)}.answers-detail{animation:fadeInUp .6s ease;margin:0 auto;max-width:900px;position:relative;z-index:1}.answers-detail h3{color:#fff;font-size:2rem;font-weight:700;margin-bottom:2rem;text-align:center;text-shadow:0 4px 20px #0003}.answer-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffffa;border-radius:var(--radius-lg);box-shadow:0 10px 30px #0000001a;margin-bottom:1.5rem;overflow:hidden;padding:2rem;position:relative;transition:var(--transition-spring)}.answer-card:before{bottom:0;content:"";left:0;position:absolute;top:0;transition:var(--transition-base);width:5px}.answer-card.correct:before{background:linear-gradient(135deg,#10b981,#059669)}.answer-card.incorrect:before{background:linear-gradient(135deg,#ef4444,#dc2626)}.answer-card:hover{box-shadow:0 15px 40px #00000026;transform:translateX(5px)}.answer-header{align-items:center;border-bottom:2px solid var(--light-400);display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.question-number{color:var(--text-muted);font-size:.875rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.answer-status{align-items:center;border-radius:var(--radius-full);display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.5rem 1rem}.answer-status.correct{background:linear-gradient(135deg,#10b9811a,#10b98133);color:var(--success)}.answer-status.incorrect{background:linear-gradient(135deg,#ef44441a,#ef444433);color:var(--danger)}.question-text{color:var(--text-primary);font-size:1.2rem;font-weight:600;line-height:1.8;margin-bottom:1.5rem}.options-review{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.option-review{background:linear-gradient(135deg,#f9fafbcc,#f3f4f6cc);border:2px solid #0000;border-radius:var(--radius-md);font-size:1.05rem;padding:1rem 1.25rem;position:relative;transition:var(--transition-base)}.option-review.correct-option{background:linear-gradient(135deg,#10b9811a,#10b9810d);border-color:#10b9814d}.option-review.selected-option{background:linear-gradient(135deg,#8b5cf61a,#8b5cf60d);border-color:var(--primary-400);font-weight:600}.option-review.selected-option.correct-option{background:linear-gradient(135deg,#10b98133,#10b9811a);border-color:var(--success)}.option-review.selected-option:not(.correct-option){background:linear-gradient(135deg,#ef44441a,#ef44440d);border-color:#ef444466}.option-marker{color:var(--primary-600);font-weight:700;margin-right:.5rem}.not-answered{background:linear-gradient(135deg,#fb923c1a,#fb923c0d);border:2px solid #fb923c4d;color:var(--warning);font-weight:600;padding:1rem;text-align:center}.explanation,.not-answered{border-radius:var(--radius-md)}.explanation{background:linear-gradient(135deg,#8b5cf60d,#ec48990d);border-left:4px solid var(--primary-500);color:var(--text-secondary);line-height:1.6;padding:1.25rem}.explanation strong{color:var(--primary-600);display:block;margin-bottom:.5rem}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.test-result-page .loading{align-items:center;color:#fff;display:flex;font-size:1.2rem;font-weight:500;justify-content:center;min-height:60vh}@media (max-width:768px){.result-header h1{font-size:2rem}.result-card{padding:2rem}.result-stats{grid-template-columns:1fr}.result-actions{flex-direction:column;margin:0 auto 3rem;max-width:400px;width:100%}.result-actions button{width:100%}.answer-card{padding:1.5rem}}@media (max-width:480px){.result-header h1{font-size:1.75rem}.result-card{padding:1.5rem}.status-icon{font-size:2.5rem;height:80px;width:80px}.result-status h3{font-size:1.5rem}}.test-history-page{background:linear-gradient(135deg,#f5f7fa,#e9ecef);min-height:100vh;padding:2rem 1rem}.test-history-page h1{-webkit-text-fill-color:#0000;animation:fadeInDown .6s ease;background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:800;margin-bottom:3rem;text-align:center}.no-data{animation:fadeIn .8s ease;background:#fff;border-radius:var(--radius-xl);box-shadow:0 20px 40px #00000014;margin:5rem auto;max-width:600px}.no-data:before{content:"📚";filter:grayscale(.3);font-size:5rem;margin-bottom:2rem}.no-data p{color:var(--text-muted);font-size:1.3rem;margin-bottom:2rem}.primary-btn{background:var(--primary-gradient);border:none;border-radius:var(--radius-lg);color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem 2rem;transition:var(--transition-spring)}.primary-btn:hover{box-shadow:0 10px 30px #8b5cf64d;transform:translateY(-3px)}.history-table-container{animation:fadeInUp .8s ease;background:#fff;border-radius:var(--radius-xl);box-shadow:0 20px 60px #0000001a;margin:0 auto;max-width:1400px;overflow:hidden}.history-table{border-collapse:collapse;width:100%}.history-table thead{background:var(--primary-gradient);color:#fff}.history-table thead tr{height:60px}.history-table thead th{font-size:.875rem;font-weight:700;letter-spacing:.05em;padding:1.25rem 1.5rem;position:relative;text-align:left;text-transform:uppercase}.history-table thead th:not(:last-child):after{background:#fff3;content:"";height:20px;position:absolute;right:0;top:50%;transform:translateY(-50%);width:1px}.history-table tbody tr{border-bottom:1px solid var(--light-300);position:relative;transition:var(--transition-base)}.history-table tbody tr:before{background:#0000;bottom:0;content:"";left:0;position:absolute;top:0;transition:background .3s ease;width:4px}.history-table tbody tr:hover{background:linear-gradient(90deg,#8b5cf60d,#8b5cf605);transform:translateX(4px)}.history-table tbody tr:hover:before{background:var(--primary-gradient)}.history-table tbody td{color:var(--text-secondary);font-size:.95rem;padding:1.5rem}.test-title{display:flex;flex-direction:column;gap:.25rem}.test-title strong{color:var(--text-primary);font-size:1.1rem;font-weight:600}.test-title small{color:var(--text-muted);font-size:.85rem;line-height:1.4}.history-table tbody tr td:nth-child(2){-webkit-text-fill-color:#0000;background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;font-size:1.2rem;font-weight:700}.history-table tbody tr td:nth-child(3){color:var(--text-primary);font-size:1.1rem;font-weight:600;position:relative}.status-badge{gap:.3rem;padding:.5rem 1rem}.status-badge.passed{box-shadow:0 4px 15px #10b9814d}.status-badge.passed:after{content:"✓";margin-left:.2rem}.status-badge.failed{box-shadow:0 4px 15px #ef44444d}.status-badge.failed:after{content:"✗";margin-left:.2rem}.history-table tbody tr td:nth-child(5){color:var(--text-muted);font-weight:500}.view-result-btn{background:#fff;border:2px solid var(--primary-400);border-radius:var(--radius-md);color:var(--primary-600);cursor:pointer;font-size:.875rem;font-weight:600;overflow:hidden;padding:.625rem 1.25rem;position:relative;transition:var(--transition-spring)}.view-result-btn:before{background:var(--primary-gradient);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .3s ease;width:100%;z-index:-1}.view-result-btn:hover{border-color:#0000;box-shadow:0 5px 20px #8b5cf64d;color:#fff;transform:translateY(-2px)}.view-result-btn:hover:before{left:0}.test-history-page .loading{align-items:center;animation:pulse 1.5s ease-in-out infinite;color:var(--text-muted);display:flex;font-size:1.2rem;justify-content:center;min-height:60vh}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.table-filters{background:#fff;border-radius:var(--radius-lg);box-shadow:0 5px 20px #0000000d;display:flex;gap:1rem;margin-bottom:2rem;padding:1.5rem}.filter-btn{background:linear-gradient(135deg,#f9fafbcc,#f3f4f6cc);border:2px solid var(--light-400);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:var(--transition-base)}.filter-btn:hover{background:#fff;border-color:var(--primary-400);box-shadow:0 3px 10px #0000001a;color:var(--primary-600);transform:translateY(-2px)}.filter-btn.active{background:var(--primary-gradient);border-color:#0000;color:#fff}.stats-overview{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.stat-card{background:#fff;border-radius:var(--radius-lg);box-shadow:0 5px 20px #0000000d;padding:1.5rem;transition:var(--transition-spring)}.stat-card:hover{box-shadow:0 10px 30px #0000001a;transform:translateY(-5px)}.stat-card h3{color:var(--text-muted);font-size:.875rem;letter-spacing:.05em;margin-bottom:.5rem;text-transform:uppercase}.stat-card .value{-webkit-text-fill-color:#0000;background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700}@media (max-width:1024px){.history-table-container{border-radius:0;margin:0 -1rem}}@media (max-width:768px){.test-history-page h1{font-size:2rem}.history-table-container{overflow-x:auto}.history-table{min-width:700px}.history-table tbody td,.history-table thead th{padding:1rem}}@media (max-width:480px){.test-history-page h1{font-size:1.75rem}.test-title strong{font-size:1rem}.view-result-btn{font-size:.8rem;padding:.5rem 1rem}}.user-management-page{background:linear-gradient(135deg,#f5f7fa,#e9ecef);min-height:100vh;padding:2rem 1rem}.user-management-page h1{-webkit-text-fill-color:#0000;animation:fadeInDown .6s ease;background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:800;margin-bottom:3rem;text-align:center}.users-table-container{animation:fadeInUp .8s ease;background:#fff;border-radius:var(--radius-xl);box-shadow:0 20px 60px #0000001a;margin:0 auto;max-width:1400px;overflow-x:auto;position:relative}.users-table-container:before{background:var(--primary-gradient);content:"";height:5px;left:0;position:absolute;right:0;top:0}.users-table{border-collapse:collapse;min-width:900px;table-layout:fixed;width:100%}.users-table thead{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff}.users-table thead tr{height:65px}.users-table thead th{font-size:.875rem;font-weight:700;letter-spacing:.05em;padding:1.25rem 1rem;position:relative;text-align:center;text-transform:uppercase}.users-table thead th:first-child,.users-table thead th:nth-child(2){text-align:left}.users-table thead th:first-child{min-width:120px;width:15%}.users-table thead th:nth-child(2){min-width:200px;width:25%}.users-table thead th:nth-child(3),.users-table thead th:nth-child(4){min-width:100px;text-align:center;width:12%}.users-table thead th:nth-child(5){min-width:120px;text-align:center;width:18%}.users-table thead th:nth-child(6){min-width:150px;text-align:center;width:18%}.users-table thead th:not(:last-child):after{background:#fff3;content:"";height:25px;position:absolute;right:0;top:50%;transform:translateY(-50%);width:1px}.users-table tbody tr{border-bottom:1px solid var(--light-300);position:relative;transition:var(--transition-base)}.users-table tbody tr:before{background:#0000;bottom:0;content:"";left:0;position:absolute;top:0;transition:background .3s ease;width:4px}.users-table tbody tr:hover{background:linear-gradient(90deg,#8b5cf60d,#8b5cf605);transform:translateX(4px)}.users-table tbody tr:hover:before{background:var(--primary-gradient)}.users-table tbody td{color:var(--text-secondary);font-size:.95rem;padding:1.25rem 1rem;text-align:center;vertical-align:middle}.users-table tbody td:first-child,.users-table tbody td:nth-child(2){text-align:left}.users-table tbody td:first-child{color:var(--text-primary);font-weight:600;min-width:120px;width:15%}.users-table tbody td:nth-child(2){min-width:200px;width:25%}.users-table tbody td:nth-child(3),.users-table tbody td:nth-child(4){min-width:100px;text-align:center;width:12%}.users-table tbody td:nth-child(5){min-width:120px;text-align:center;width:18%}.users-table tbody td:nth-child(6){min-width:150px;text-align:center;width:18%}.status-badge.active{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 15px #10b98140;color:#fff}.status-badge.inactive{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 15px #ef444440;color:#fff}.status-badge.approved{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 15px #3b82f640;color:#fff}.status-badge.pending{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 15px #f59e0b40;color:#fff}.activate-btn,.deactivate-btn{border:none;border-radius:var(--radius-md);cursor:pointer;font-size:.875rem;font-weight:600;overflow:hidden;padding:.625rem 1.25rem;position:relative;transition:var(--transition-spring)}.activate-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.activate-btn:hover{box-shadow:0 5px 20px #10b9814d;transform:translateY(-2px)}.deactivate-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.deactivate-btn:hover{box-shadow:0 5px 20px #ef44444d;transform:translateY(-2px)}.user-management-page .loading{align-items:center;animation:pulse 1.5s ease-in-out infinite;color:var(--text-muted);display:flex;font-size:1.2rem;justify-content:center;min-height:60vh}@media (max-width:1024px){.users-table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.users-table{min-width:900px}}@media (max-width:768px){.user-management-page h1{font-size:2rem}.users-table-container{border-radius:0;margin:0 -1rem}.users-table{min-width:700px}.users-table tbody td,.users-table thead th{font-size:.85rem;padding:1rem}}@media (max-width:480px){.user-management-page h1{font-size:1.75rem;margin-bottom:2rem}.users-table tbody td,.users-table thead th{font-size:.8rem;padding:.75rem .5rem}.status-badge{font-size:.65rem;padding:.25rem .5rem}.activate-btn,.deactivate-btn{font-size:.75rem;padding:.5rem .75rem}}.reports-page{background:linear-gradient(135deg,#f5f7fa,#e9ecef);min-height:100vh;padding:2rem 1rem}.reports-page .page-header{align-items:center;animation:fadeInDown .6s ease;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;margin:0 auto 3rem;max-width:1400px}.reports-page h1{-webkit-text-fill-color:#0000;background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:800}.export-btn{background:var(--primary-gradient);border:none;border-radius:var(--radius-lg);color:#fff;cursor:pointer;font-size:1rem;font-weight:600;overflow:hidden;padding:1rem 2rem;position:relative;transition:var(--transition-spring)}.export-btn:before{content:"📊";font-size:1.2rem;left:1rem;opacity:.7;position:absolute}.export-btn{padding-left:3rem}.export-btn:hover:not(:disabled){box-shadow:0 10px 30px #8b5cf64d;transform:translateY(-3px)}.export-btn:disabled{cursor:not-allowed;opacity:.5}.reports-table-container{animation:fadeInUp .8s ease;background:#fff;border-radius:var(--radius-xl);box-shadow:0 20px 60px #0000001a;margin:0 auto;max-width:1400px;overflow-x:auto;position:relative}.reports-table-container:before{background:var(--primary-gradient);content:"";height:5px;left:0;position:absolute;right:0;top:0}.reports-table{border-collapse:collapse;min-width:1000px;table-layout:fixed;width:100%}.reports-table thead{background:linear-gradient(135deg,#4b5563,#374151);color:#fff}.reports-table thead tr{height:60px}.reports-table thead th{font-size:.875rem;font-weight:700;letter-spacing:.05em;padding:1.25rem 1rem;position:relative;text-align:center;text-transform:uppercase}.reports-table.admin-table thead th:first-child,.reports-table.admin-table thead th:nth-child(2),.reports-table.admin-table thead th:nth-child(3),.reports-table.user-table thead th:first-child{text-align:left}.reports-table.admin-table thead th:first-child{min-width:120px;width:15%}.reports-table.admin-table thead th:nth-child(2){min-width:180px;width:22%}.reports-table.admin-table thead th:nth-child(3){min-width:120px;width:15%}.reports-table.admin-table thead th:nth-child(4){min-width:80px;width:10%}.reports-table.admin-table thead th:nth-child(5){min-width:100px;width:12%}.reports-table.admin-table thead th:nth-child(6){min-width:80px;width:10%}.reports-table.admin-table thead th:nth-child(7){min-width:70px;width:8%}.reports-table.admin-table thead th:nth-child(8){min-width:100px;width:8%}.reports-table.user-table thead th:first-child{min-width:150px;width:25%}.reports-table.user-table thead th:nth-child(2){min-width:80px;width:12%}.reports-table.user-table thead th:nth-child(3),.reports-table.user-table thead th:nth-child(4){min-width:100px;width:15%}.reports-table.user-table thead th:nth-child(5){min-width:80px;width:15%}.reports-table.user-table thead th:nth-child(6){min-width:120px;width:18%}.reports-table thead th:not(:last-child):after{background:#fff3;content:"";height:25px;position:absolute;right:0;top:50%;transform:translateY(-50%);width:1px}.reports-table tbody tr{border-bottom:1px solid var(--light-300);position:relative;transition:var(--transition-base)}.reports-table tbody tr:before{background:#0000;bottom:0;content:"";left:0;position:absolute;top:0;transition:background .3s ease;width:4px}.reports-table tbody tr:hover{background:linear-gradient(90deg,#8b5cf60d,#8b5cf605);transform:translateX(4px)}.reports-table tbody tr:hover:before{background:var(--primary-gradient)}.reports-table tbody td{color:var(--text-secondary);font-size:.95rem;padding:1.25rem 1rem;text-align:center;vertical-align:middle}.reports-table.admin-table tbody td:first-child,.reports-table.admin-table tbody td:nth-child(2),.reports-table.admin-table tbody td:nth-child(3),.reports-table.user-table tbody td:first-child{text-align:left}.reports-table.admin-table tbody td:first-child{min-width:120px;width:15%}.reports-table.admin-table tbody td:nth-child(2){min-width:180px;width:22%}.reports-table.admin-table tbody td:nth-child(3){min-width:120px;width:15%}.reports-table.admin-table tbody td:nth-child(4){min-width:80px;text-align:center;width:10%}.reports-table.admin-table tbody td:nth-child(5){min-width:100px;text-align:center;width:12%}.reports-table.admin-table tbody td:nth-child(6){min-width:80px;text-align:center;width:10%}.reports-table.admin-table tbody td:nth-child(7){min-width:70px;text-align:center;width:8%}.reports-table.admin-table tbody td:nth-child(8){min-width:100px;text-align:center;width:8%}.reports-table.user-table tbody td:first-child{min-width:150px;width:25%}.reports-table.user-table tbody td:nth-child(2){min-width:80px;text-align:center;width:12%}.reports-table.user-table tbody td:nth-child(3),.reports-table.user-table tbody td:nth-child(4){min-width:100px;text-align:center;width:15%}.reports-table.user-table tbody td:nth-child(5){min-width:80px;text-align:center;width:15%}.reports-table.user-table tbody td:nth-child(6){min-width:120px;text-align:center;width:18%}.reports-table tbody td:first-child{color:var(--text-primary);font-weight:600}.status-badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:.75rem;font-weight:700;letter-spacing:.05em;overflow:hidden;padding:.375rem .875rem;position:relative;text-transform:uppercase}.status-badge:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.status-badge:hover:before{left:100%}.status-badge.passed{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 15px #10b98140;color:#fff}.status-badge.passed:after{content:" ✓";margin-left:.3rem}.status-badge.failed{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 15px #ef444440;color:#fff}.status-badge.failed:after{content:" ✗";margin-left:.3rem}.no-data{color:var(--text-muted);padding:4rem 2rem;text-align:center}.no-data p{font-size:1.2rem;margin-bottom:1.5rem}.no-data:before{content:"📋";display:block;font-size:4rem;margin-bottom:1rem;opacity:.3}.reports-page .loading{align-items:center;animation:pulse 1.5s ease-in-out infinite;color:var(--text-muted);display:flex;font-size:1.2rem;justify-content:center;min-height:60vh}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.reports-table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.reports-table{min-width:1000px}}@media (max-width:768px){.reports-page h1{font-size:2rem}.reports-page .page-header{align-items:stretch;flex-direction:column}.export-btn{justify-content:center;width:100%}.reports-table-container{border-radius:0;margin:0 -1rem}.reports-table{min-width:800px}.reports-table tbody td,.reports-table thead th{font-size:.85rem;padding:.875rem}}@media (max-width:480px){.reports-page h1{font-size:1.75rem}.reports-table tbody td,.reports-table thead th{font-size:.8rem;padding:.75rem .5rem}.status-badge{font-size:.65rem;padding:.25rem .5rem}}.App{background:var(--gray-50);display:flex;flex-direction:column;min-height:100vh}.container{flex:1 1;margin:0 auto;max-width:1280px;padding:var(--space-4);width:100%}@media (min-width:768px){.container{padding:var(--space-6)}}.auth-container{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - 80px)}main{display:flex;flex:1 1;flex-direction:column}
/*# sourceMappingURL=main.4cc77420.css.map*/