body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;padding:0}.App{min-height:100vh}:root{--mobile:480px;--tablet:768px;--desktop:1024px}@media (max-width:768px){.study-header .header-content{padding:1rem}.study-title{font-size:1.1rem}.study-stats{justify-content:space-between;width:100%}.stat-item,.study-stats{font-size:.85rem}.study-main{gap:1rem;grid-template-columns:1fr;padding:1rem}.question-card{padding:1.5rem 1rem}.question-text{font-size:1rem;line-height:1.5}.options-container{gap:.75rem}.option{font-size:.95rem;padding:1rem}.option-letter{font-size:.9rem;height:32px;min-width:32px}.chat-assistant{border-radius:16px 16px 0 0;bottom:0;box-shadow:0 -4px 20px #00000026;left:0;max-height:50vh;position:fixed;right:0}.chat-header{padding:.75rem 1rem}.chat-header h3{font-size:1rem}.chat-messages{max-height:30vh;padding:.75rem}.chat-input-container{padding:.75rem}.chat-input-wrapper textarea{font-size:.95rem;padding:.75rem}.btn-next,.btn-submit{font-size:1rem;padding:1rem;width:100%}.feedback-section{padding:1rem}.feedback-result h3{font-size:1.25rem}.feedback-ai,.feedback-explanation{padding:1rem}.dashboard-header .header-content{align-items:flex-start;flex-direction:column;gap:1rem;padding:1rem}.dashboard-logo{font-size:1.5rem}.user-info{gap:.5rem;justify-content:space-between;width:100%}.user-name{display:none}.btn-history,.btn-logout{font-size:.875rem;padding:.5rem .75rem}.dashboard-main{padding:1rem}.section-header h2{font-size:1.5rem}.section-header p{font-size:.95rem}.certifications-grid{gap:1rem;grid-template-columns:1fr}.cert-card{padding:1.5rem}.cert-name{font-size:1.25rem}.cert-description{font-size:.95rem}.cert-progress-summary{padding:.75rem}.progress-stats{align-items:flex-start;flex-direction:column;gap:.5rem}.cert-domains-progress{padding:.75rem}.domains-list{gap:.5rem}.domain-progress-item{padding:.75rem}.domain-progress-name{font-size:.8rem}.history-header .header-content{padding:1rem}.history-title{font-size:1.5rem}.history-subtitle{font-size:.9rem}.history-main{padding:1rem}.stats-overview{gap:.75rem;grid-template-columns:repeat(2,1fr)}.stat-card{padding:1rem}.stat-icon{font-size:1.75rem}.stat-info h3{font-size:1.5rem}.stat-info p{font-size:.85rem}.cert-integrated-section{margin-bottom:1.5rem;padding:1rem}.cert-integrated-title{font-size:1.25rem}.cert-integrated-stats{align-items:flex-start;flex-direction:column;gap:.5rem}.cert-stat{font-size:.85rem}.cert-domains-progress-section{padding:1rem}.subsection-title{font-size:1.1rem}.domains-progress-grid{gap:.75rem;grid-template-columns:1fr}.domain-progress-card{padding:1rem}.session-card{margin-bottom:.75rem}.session-header{align-items:flex-start;flex-direction:column;gap:.75rem;padding:1rem}.session-info h5{font-size:.95rem}.session-stats{font-size:.85rem}.session-summary{justify-content:space-between;width:100%}.domain-stats-section,.session-details{padding:1rem}.domain-stats-grid{gap:.75rem;grid-template-columns:1fr}.questions-list{gap:.75rem}.question-item{padding:1rem}.question-header-row{align-items:flex-start;flex-direction:column;gap:.5rem}.question-text{font-size:.95rem}.answer-info{align-items:flex-start;flex-direction:column;gap:.5rem}.explanation{font-size:.9rem}.login-container{padding:1rem}.login-card{margin:1rem;padding:2rem 1.5rem}.login-logo{font-size:2.5rem}.login-title{font-size:1.5rem}.login-subtitle{font-size:.95rem}.btn-login,.input-group input{font-size:1rem;padding:.875rem}body{-webkit-text-size-adjust:100%;font-size:16px}.btn,button{min-height:44px}input,select,textarea{font-size:16px!important}*{-webkit-overflow-scrolling:touch}[role=button],a,button{touch-action:manipulation}.btn-back{font-size:.875rem;padding:.5rem .875rem}}@media (max-width:480px){body{font-size:15px}.btn-back{font-size:.8rem;padding:.375rem .75rem}}@media (max-width:768px) and (orientation:landscape){.study-main{grid-template-columns:1fr 1fr}.chat-assistant{max-height:none;position:relative}.stats-overview{grid-template-columns:repeat(4,1fr)}}@media (min-width:769px) and (max-width:1024px){.study-main{grid-template-columns:1fr 350px;padding:2rem 1.5rem}.certifications-grid,.domains-progress-grid{grid-template-columns:repeat(2,1fr)}.stats-overview{grid-template-columns:repeat(4,1fr)}}:focus-visible{outline:2px solid #667eea;outline-offset:2px}@media (max-width:768px){.domain-stat-details,.session-stats,.stat-item{color:#4b5563}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}*{box-sizing:border-box;margin:0;padding:0}.landing-container{color:#1a1a1a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow-x:hidden}.header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;box-shadow:0 2px 10px #0000000d;display:flex;justify-content:space-between;padding:1.5rem 5%;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.logo-text{color:#1a1a1a;font-size:1.8rem;font-weight:700}.nav{align-items:center;display:flex;gap:2rem}.nav a{color:#4b5563;font-weight:500;text-decoration:none;transition:color .3s}.nav a:hover{color:#4f46e5}.nav .btn-secondary{background:#1e1b4b;border:2px solid #1e1b4b;color:#fff;padding:.6rem 1.25rem}.nav .btn-secondary:hover{background:#4f46e5;border-color:#4f46e5}.btn-outline,.btn-primary,.btn-secondary{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s}.btn-primary{background:linear-gradient(135deg,#1e1b4b,#4f46e5)}.btn-primary:hover{box-shadow:0 10px 25px #1e1b4b66;transform:translateY(-2px)}.btn-primary.large{font-size:1.1rem;padding:1rem 2.5rem}.btn-secondary{background:#0000;border:2px solid #1e1b4b;color:#1e1b4b}.btn-secondary:hover{background:#1e1b4b;color:#fff}.btn-outline{background:#fff;border:2px solid #1e1b4b;color:#1e1b4b}.btn-outline:hover{background:#eef2ff}.menu-toggle{background:#0000}@media (max-width:768px){.menu-toggle{display:block;z-index:1001}.nav{background:#fff;box-shadow:-5px 0 20px #0000001a;flex-direction:column;gap:1.5rem;height:100vh;max-width:300px;padding:5rem 2rem 2rem;position:fixed;right:-100%;top:0;transition:right .3s ease;width:80%}.nav.nav-open{right:0}.nav a{font-size:1.1rem;padding:.5rem 0}.nav .btn-secondary{margin-top:1rem;text-align:center;width:100%}}.hero{grid-gap:4rem;align-items:center;background:linear-gradient(135deg,#0f0a1e,#1e1b4b 50%,#312e81);display:grid;gap:4rem;grid-template-columns:1fr 1fr;padding:6rem 5%}.hero-title{color:#fff;font-size:3.5rem;line-height:1.2;margin-bottom:1.5rem}.highlight{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#10b981,#34d399);-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:#c7d2fe;font-size:1.25rem;line-height:1.6;margin-bottom:2rem}.hero-buttons{display:flex;gap:1rem;margin-bottom:2rem}.hero-stats{display:flex;flex-wrap:wrap;gap:1.5rem}.hero-stat{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;display:flex;flex-direction:column;min-width:120px;padding:1rem 1.5rem}.stat-number{color:#34d399;text-shadow:0 2px 10px #34d3994d}.stat-label{color:#fff;text-align:center}.hero-image{align-items:center;display:flex;justify-content:center}.mockup-card{background:#fff;border-radius:16px;box-shadow:0 20px 60px #00000026;max-width:500px;overflow:hidden;width:100%}.mockup-header{background:#f3f4f6;border-bottom:1px solid #e5e7eb;padding:1rem}.mockup-dots{display:flex;gap:.5rem}.mockup-dots span{background:#d1d5db;border-radius:50%;height:12px;width:12px}.mockup-content{padding:2rem}.chat-bubble{background:#f3f4f6;border-radius:12px;margin-bottom:1.5rem;padding:1rem 1.5rem}.chat-bubble.ai{background:linear-gradient(135deg,#1e1b4b,#4f46e5);color:#fff}.mockup-title{color:#6b7280;font-size:.8rem;font-weight:600}.mockup-timer{background:#eef2ff;border-radius:8px;color:#1e1b4b;font-size:1.25rem;font-weight:700;margin-bottom:1rem;padding:.5rem;text-align:center}.chat-options{display:flex;flex-direction:column;gap:.5rem}.option{border:2px solid #e5e7eb;border-radius:8px;font-size:.9rem;padding:.75rem}.option.selected,.option:hover{border-color:#4f46e5}.stenllia-meaning{background:linear-gradient(135deg,#1e1b4b,#312e81);padding:3rem 5%;text-align:center}.stenllia-content{margin:0 auto;max-width:800px}.stenllia-title{font-size:3rem;font-weight:700;margin:0 0 1.5rem}.stenllia-word{color:#fff}.stenllia-ia{color:#34d399}.stenllia-explanation{align-items:center;display:flex;flex-direction:column;gap:.5rem}.stenllia-tagline{color:#c7d2fe;font-size:1.25rem;margin:0}.stenllia-desc{color:#34d399;font-size:1.1rem;font-weight:500;margin:0}@media (max-width:768px){.stenllia-meaning{padding:2rem 4%}.stenllia-title{font-size:2.25rem}.stenllia-explanation{flex-direction:column;gap:1rem}.stenllia-part{flex-wrap:wrap;justify-content:center}.stenllia-acronym{font-size:1.25rem}.stenllia-meanings span{font-size:.85rem}.stenllia-divider{display:none}}.roles-section{background:linear-gradient(135deg,#f0fdf4,#ecfdf5 50%,#d1fae5);padding:6rem 5%}.roles-section .section-title{color:#065f46}.roles-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(2,1fr);margin:0 auto;max-width:1100px}.role-card{background:#fff;border:3px solid #0000;border-radius:20px;box-shadow:0 10px 40px #00000014;padding:2.5rem;transition:all .3s}.role-card.student{background:linear-gradient(135deg,#fff,#f0fdf4);border-color:#10b981}.role-card.professor{background:linear-gradient(135deg,#fff,#eef2ff);border-color:#6366f1}.role-card:hover{box-shadow:0 15px 50px #00000026;transform:translateY(-5px)}.role-icon-large{font-size:4rem;margin-bottom:1rem;text-align:center}.role-card h3{color:#1a1a1a;font-size:1.75rem;margin:0 0 .5rem;text-align:center}.role-description{color:#6b7280;font-size:1rem;margin:0 0 2rem;text-align:center}.role-features h4{color:#374151;font-size:1.1rem;margin:0 0 1rem;text-align:center}.role-features ul{list-style:none;margin:0;padding:0}.role-features li{color:#4b5563;font-size:.95rem;padding:.5rem 0}.mode-mini{background:#f9fafb;border-radius:12px;margin-bottom:1rem;padding:1rem}.mode-mini:last-child{margin-bottom:0}.mode-mini strong{color:#1f2937;display:block;font-size:1rem;margin-bottom:.5rem}.mode-mini ul{margin-top:.5rem}.mode-mini li{font-size:.875rem;padding:.25rem 0}.features{background:#fff;padding:6rem 5%}.section-title{color:#1a1a1a;font-size:2.5rem;margin-bottom:3rem;text-align:center}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;max-width:1200px}.feature-card{background:#f9fafb;border-radius:12px;padding:2rem;transition:all .3s}.feature-card:hover{box-shadow:0 10px 30px #0000001a;transform:translateY(-5px)}.feature-icon{font-size:3rem;margin-bottom:1rem}.feature-card h3{color:#1a1a1a;font-size:1.5rem;margin-bottom:.75rem}.feature-card p{color:#6b7280;line-height:1.6}.feature-card.highlight-card{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:2px solid #10b981;position:relative}.feature-card .new-badge{background:#10b981;border-radius:10px;color:#fff;font-size:.7rem;font-weight:700;padding:.25rem .5rem;position:absolute;right:1rem;text-transform:uppercase;top:1rem}.how-it-works{background:linear-gradient(135deg,#f8fafc,#eef2ff);padding:6rem 5%}.steps{align-items:center;display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin:0 auto;max-width:1200px}.step{flex:1 1;min-width:250px;padding:2rem;text-align:center}.step-number{align-items:center;background:linear-gradient(135deg,#1e1b4b,#4f46e5);border-radius:50%;color:#fff;display:flex;font-size:1.5rem;font-weight:700;height:60px;justify-content:center;margin:0 auto 1rem;width:60px}.step h3{color:#1a1a1a;font-size:1.5rem;margin-bottom:.75rem}.step p{color:#6b7280;line-height:1.6}.step-arrow{color:#4f46e5;font-size:2rem;font-weight:700}.categories{background:linear-gradient(135deg,#eff6ff,#dbeafe 50%,#bfdbfe);padding:6rem 5%}.categories .section-title{color:#1e40af}.section-subtitle{color:#3b82f6;font-size:1.1rem;margin-bottom:3rem;margin-top:-1.5rem;text-align:center}.categories-grid{gap:1.5rem;justify-content:center;margin:0 auto 2rem;max-width:1000px}.category-card{background:#fff;border:2px solid #93c5fd;border-radius:16px;box-shadow:0 4px 15px #3b82f61a;max-width:300px;min-width:280px;padding:1.5rem;text-align:center;transition:all .3s;width:calc(33.333% - 1rem)}.category-card:hover{border-color:#3b82f6;box-shadow:0 10px 30px #3b82f633;transform:translateY(-5px)}.category-icon{font-size:2.5rem;line-height:1;margin-bottom:.5rem}.category-card h3{color:#1a1a1a;font-size:1.1rem;margin:0 0 .5rem}.category-card p{color:#6b7280;font-size:.9rem;line-height:1.4;margin:0}.categories-note{color:#1e40af;font-size:1rem;font-style:italic;margin-top:1rem;text-align:center}.cta{background:linear-gradient(135deg,#0f0a1e,#1e1b4b 50%,#312e81);color:#fff;padding:6rem 5%;text-align:center}.cta h2{font-size:2.5rem;margin-bottom:1rem}.cta p{font-size:1.25rem;margin-bottom:2rem;opacity:.9}.footer{background:#1a1a1a;color:#fff;padding:4rem 5% 2rem}.footer-content{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:0 auto 3rem;max-width:1200px}.footer-section h4{font-size:1.2rem;margin-bottom:1rem}.footer-section p{color:#9ca3af;line-height:1.6}.footer-section a{color:#9ca3af;display:block;margin-bottom:.5rem;text-decoration:none;transition:color .3s}.footer-section a:hover{color:#10b981}.footer-bottom{border-top:1px solid #374151;color:#9ca3af;padding-top:2rem;text-align:center}.menu-toggle{background:none;border:none;color:#1a1a1a;cursor:pointer;display:none;font-size:1.5rem;padding:.5rem}@media (max-width:1024px){.category-card{width:calc(50% - 1rem)}}@media (max-width:768px){.header{padding:1rem 4%}.logo-text{font-size:1.5rem}.menu-toggle{display:block;position:relative;z-index:1002}.nav{align-items:center;background:#1a1a2e!important;display:none!important;flex-direction:column;gap:1rem;height:100vh;justify-content:flex-start;left:0;overflow-y:auto;padding-top:100px;position:fixed;top:0;width:100vw;z-index:1001}.nav.nav-open{display:flex!important}.nav.nav-open a{background:#ffffff26;border-radius:10px;text-decoration:none}.nav.nav-open .btn-secondary,.nav.nav-open a{color:#fff!important;font-size:1rem;max-width:300px;padding:.875rem 1.5rem;text-align:center;width:85%}.nav.nav-open .btn-secondary{background:#10b981!important;border:none!important;border-radius:10px;margin-top:.5rem}.menu-toggle{color:#1a1a1a}.menu-toggle.menu-open{color:#fff;position:fixed;right:4%;top:1rem;z-index:1002}.hero{gap:2rem;grid-template-columns:1fr;padding:2.5rem 4%}.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem;margin-bottom:1.5rem}.hero-buttons{flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.hero-stats{gap:1rem;justify-content:center}.hero-stat{min-width:100px;padding:.75rem 1rem}.stat-number{font-size:1.5rem}.stat-label{font-size:.75rem}.btn-primary.large{font-size:1rem;padding:.875rem 2rem}.btn-outline,.btn-primary.large,.btn-secondary{text-align:center;width:100%}.mockup-card{max-width:100%}.mockup-content{padding:1.25rem}.chat-bubble{font-size:.9rem;padding:.875rem 1rem}.features{padding:3rem 4%}.features-grid{gap:1.5rem}.feature-card{padding:1.5rem}.feature-icon{font-size:2.5rem}.feature-card h3{font-size:1.25rem}.roles-section{padding:3rem 4%}.roles-grid{gap:1.5rem;grid-template-columns:1fr}.role-card{padding:2rem}.role-icon-large{font-size:3rem}.role-card h3{font-size:1.5rem}.role-description{font-size:.95rem;margin-bottom:1.5rem}.role-features h4{font-size:1rem}.mode-mini{padding:.875rem}.mode-mini strong{font-size:.95rem}.mode-mini li{font-size:.85rem}.how-it-works{padding:3rem 4%}.steps{flex-direction:column;gap:1rem}.step{min-width:auto;padding:1.5rem}.step-number{height:50px;width:50px}.step h3,.step-number{font-size:1.25rem}.step-arrow{font-size:1.5rem;transform:rotate(90deg)}.categories{padding:3rem 4%}.section-subtitle{font-size:.95rem;margin-bottom:2rem}.categories-grid{gap:1rem}.category-card{min-width:140px;padding:1.25rem;width:calc(50% - .5rem)}.category-icon{font-size:2rem}.category-card h3{font-size:1rem}.category-card p{font-size:.85rem}.categories-note{font-size:.9rem}.section-title{font-size:1.75rem;margin-bottom:2rem}.cta{padding:3rem 4%}.cta h2{font-size:1.75rem}.cta p{font-size:1rem}.footer{padding:2.5rem 4% 1.5rem}.footer-content{gap:2rem}}@media (max-width:480px){.header{padding:.75rem 3%}.logo-text{font-size:1.25rem}.hero{padding:2rem 3%}.hero-title{font-size:1.75rem}.hero-subtitle{font-size:.95rem}.certifications,.cta,.features,.how-it-works{padding:2.5rem 3%}.section-title{font-size:1.5rem}.feature-card{padding:1.25rem}.feature-icon{font-size:2rem}.feature-card h3{font-size:1.1rem}.feature-card p{font-size:.9rem}.step{padding:1rem}.step h3{font-size:1.1rem}.step p{font-size:.9rem}.category-card{max-width:100%;min-width:auto;width:100%}.category-card,.cert-card{padding:1.25rem}.cert-logo{font-size:1.5rem}.cert-card h4{font-size:1rem}.cta h2{font-size:1.5rem}.footer{padding:2rem 3% 1rem}}.footer-link{background:none;border:none;color:#9ca3af;cursor:pointer;display:block;font-size:inherit;margin-bottom:.5rem;padding:0;text-align:left;text-decoration:none;transition:color .3s}.footer-link:hover{color:#10b981}.custom-content-section{background:linear-gradient(135deg,#fef3c7,#fde68a 50%,#fcd34d);padding:5rem 5%}.custom-content-wrapper{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px}.feature-tag{background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:20px;color:#fff;display:inline-block;font-size:.85rem;font-weight:700;margin-bottom:1rem;padding:.5rem 1rem}.custom-content-text h2{color:#78350f;font-size:2.5rem;margin:0 0 1rem}.custom-content-description{color:#92400e;font-size:1.1rem;line-height:1.6;margin-bottom:1.5rem}.custom-content-list{list-style:none;margin:0 0 2rem;padding:0}.custom-content-list li{color:#78350f;font-size:1.05rem;font-weight:500;padding:.5rem 0}.custom-content-steps{display:flex;flex-wrap:wrap;gap:1rem}.mini-step{background:#ffffffb3;border-radius:10px;color:#78350f;font-size:.9rem;font-weight:500;gap:.5rem;padding:.75rem 1rem}.mini-step,.mini-step-num{align-items:center;display:flex}.mini-step-num{background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:50%;color:#fff;font-size:.8rem;font-weight:700;height:24px;justify-content:center;width:24px}.custom-content-visual{display:flex;justify-content:center}.upload-mockup{background:#fff;border:3px dashed #f59e0b;border-radius:20px;box-shadow:0 20px 50px #78350f33;max-width:320px;padding:2rem;text-align:center}.upload-icon{font-size:4rem;margin-bottom:1rem}.upload-text{color:#78350f;font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.upload-formats{color:#92400e;font-size:.85rem;margin-bottom:1rem}.upload-arrow{animation:bounce 1.5s infinite;color:#f59e0b;font-size:2rem;margin:1rem 0}.generated-questions{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:2px solid #10b981;border-radius:12px;padding:1rem}.gen-q{background:#fff;border-radius:6px;color:#065f46;font-size:.85rem;margin-bottom:.5rem;padding:.5rem .75rem;text-align:left}.gen-q-more{color:#10b981;font-size:.8rem;font-weight:600}.mode-mini.mode-new{background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #f59e0b;position:relative}.mode-badge{background:#f59e0b;border-radius:8px;color:#fff;font-size:.65rem;font-weight:700;padding:.2rem .5rem;position:absolute;right:10px;top:-8px}@media (max-width:768px){.custom-content-section{padding:3rem 4%}.custom-content-wrapper{gap:2rem;grid-template-columns:1fr}.custom-content-text h2{font-size:1.75rem}.custom-content-description{font-size:1rem}.custom-content-list li{font-size:.95rem}.custom-content-steps{flex-direction:column}.mini-step{justify-content:flex-start}.upload-mockup{max-width:100%}}@media (max-width:480px){.custom-content-section{padding:2.5rem 3%}.feature-tag{font-size:.75rem}.custom-content-text h2{font-size:1.5rem}.upload-icon{font-size:3rem}}.login-container{background:linear-gradient(135deg,#0f0a1e,#1e1b4b 50%,#312e81);display:flex;flex-direction:column;min-height:100vh}.login-content{align-items:center;display:flex;flex:1 1;justify-content:center;padding:2rem}.login-card{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:450px;padding:3rem;width:100%}.login-header{margin-bottom:2rem;text-align:center}.login-logo{color:#1a1a1a;font-size:3rem;font-weight:700;margin-bottom:.5rem}.login-subtitle{color:#6b7280;font-size:1rem}.login-form{display:flex;flex-direction:column;gap:1.5rem}.form-group label{font-weight:600}.form-group input{-webkit-text-fill-color:#111827!important;background-color:#fff!important;border:2px solid #6b7280!important;border-radius:8px;box-shadow:inset 0 1px 3px #0000001a;color:#111827!important;font-size:1rem;opacity:1;padding:.875rem;transition:all .3s}.form-group input::placeholder{color:#9ca3af}.form-group input:focus{background:#fff;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e526,inset 0 1px 3px #0000000d;outline:none}.btn-login{background:linear-gradient(135deg,#1e1b4b,#4f46e5);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin-top:.5rem;padding:1rem;transition:all .3s}.btn-login:hover{box-shadow:0 10px 25px #1e1b4b66;transform:translateY(-2px)}.login-note{color:#9ca3af;font-size:.875rem;line-height:1.5;margin-top:1.5rem;text-align:center}.role-selector{grid-template-columns:repeat(2,1fr)}.role-option{background:#fff;gap:1rem;transition:all .3s}.role-option.selected{background:linear-gradient(135deg,#4f46e51a,#1e1b4b1a);box-shadow:0 0 0 3px #4f46e51a}.role-icon{flex-shrink:0}.role-info{flex:1 1}.role-info h4{margin:0 0 .25rem}.role-info p{margin:0}@media (max-width:768px){.login-content{padding:1rem}.login-card{border-radius:12px;padding:2rem 1.5rem}.login-logo{font-size:2.5rem}.login-subtitle{font-size:.9rem}.form-group label{font-size:.85rem}.form-group input{font-size:16px;padding:.75rem}.btn-login{font-size:1rem;padding:.875rem}.login-note{font-size:.8rem}}@media (max-width:480px){.login-content{padding:.75rem}.login-card{padding:1.5rem 1.25rem}.login-logo{font-size:2rem}.login-header{margin-bottom:1.5rem}.login-form{gap:1.25rem}.role-selector{grid-template-columns:1fr}.role-option{padding:.875rem}.role-icon{font-size:1.75rem}.role-info h4{font-size:.95rem}.role-info p{font-size:.75rem}}.register-link{color:#6b7280;margin-top:1rem;text-align:center}.register-link button{background:none;border:none;color:#4f46e5;cursor:pointer;font-size:inherit;font-weight:600;text-decoration:underline}.btn-login:disabled{cursor:not-allowed;opacity:.7;transform:none}.app-footer{background:#1a1a1a;color:#fff;margin-top:auto;padding:2rem}.footer-content-app{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px}.footer-content-app p{color:#9ca3af;margin:0}.footer-links-app{display:flex;gap:2rem}.footer-link-btn,.footer-links-app a{background:none;border:none;color:#9ca3af;cursor:pointer;font-family:inherit;font-size:inherit;padding:0;text-decoration:none;transition:color .3s}.footer-link-btn:hover,.footer-links-app a:hover{color:#4338ca}@media (max-width:768px){.footer-content-app{flex-direction:column;gap:1rem;text-align:center}.footer-links-app{gap:1rem}}.register-container{align-items:center;background:linear-gradient(135deg,#0f0a1e,#1e1b4b 50%,#312e81);display:flex;justify-content:center;min-height:100vh;padding:2rem 1rem}.register-card{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0003;max-height:90vh;max-width:500px;overflow-y:auto;padding:2.5rem;width:100%}.verification-card{max-width:400px;text-align:center}.register-header{margin-bottom:2rem;text-align:center}.register-logo{font-size:2.5rem;font-weight:700;margin:0 0 .5rem}.logo-highlight{color:#4f46e5}.register-header p{color:#6b7280;margin:0}.register-form{display:flex;flex-direction:column;gap:1rem}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{color:#374151;font-weight:500}.form-group input,.form-group select{-webkit-text-fill-color:#111827!important;background-color:#fff!important;border:2px solid #6b7280!important;border-radius:8px;box-shadow:inset 0 1px 3px #0000001a;color:#111827!important;font-size:1rem;opacity:1;padding:.75rem;transition:all .3s}.form-group input::placeholder{color:#6b7280}.form-group input:focus,.form-group select:focus{background:#fff;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e526,inset 0 1px 3px #0000000d;outline:none}.country-select{-webkit-text-fill-color:#111827!important;background-color:#fff!important;border:2px solid #6b7280!important;border-radius:8px;box-shadow:inset 0 1px 3px #0000001a;color:#111827!important;cursor:pointer;font-size:1rem;padding:.75rem;width:100%}.country-select:focus{border-color:#4f46e5!important;box-shadow:0 0 0 3px #4f46e526,inset 0 1px 3px #0000000d}.phone-input-group{align-items:center;background-color:#fff!important;border:2px solid #6b7280!important;border-radius:8px;box-shadow:inset 0 1px 3px #0000001a;display:flex;overflow:hidden}.phone-input-group input{-webkit-text-fill-color:#111827!important;background-color:#fff!important;color:#111827!important}.phone-input-group:focus-within{border-color:#4f46e5!important;box-shadow:0 0 0 3px #4f46e526,inset 0 1px 3px #0000000d}.phone-prefix{background:#f3f4f6;border-right:1px solid #e5e7eb;color:#374151;font-weight:500;min-width:60px;padding:.75rem;text-align:center}.phone-input-group input{border:none!important;flex:1 1;padding:.75rem}.phone-input-group input:focus{outline:none}.phone-input-group input:disabled{background:#f9fafb;cursor:not-allowed}.field-hint{margin-top:.25rem}.field-hint,.password-hint{color:#9ca3af;font-size:.8rem}.password-hint{margin:-.5rem 0 .5rem}.interests-grid{display:flex;flex-wrap:wrap;gap:.5rem}.interest-chip{align-items:center;background:#f3f4f6;border:2px solid #e5e7eb;border-radius:20px;cursor:pointer;display:flex;font-size:.85rem;gap:.5rem;padding:.6rem 1rem;transition:all .2s}.interest-chip:hover{background:#eef2ff;border-color:#4f46e5}.interest-chip.selected{background:#1e1b4b;border-color:#1e1b4b;color:#fff}.btn-register,.interest-icon{font-size:1rem}.btn-register{background:linear-gradient(135deg,#1e1b4b,#4f46e5);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;margin-top:.5rem;padding:1rem;transition:transform .2s,box-shadow .2s;width:100%}.btn-register:hover:not(:disabled){box-shadow:0 10px 25px #1e1b4b66;transform:translateY(-2px)}.btn-register:disabled{cursor:not-allowed;opacity:.7}.login-link{color:#6b7280;margin-top:1.5rem;text-align:center}.login-link button{background:none;border:none;color:#4f46e5;cursor:pointer;font-weight:600;text-decoration:underline}.verification-input{background:#fff!important;border:2px solid #9ca3af!important;box-shadow:inset 0 1px 3px #0000001a!important;font-size:1.5rem!important;font-weight:600;letter-spacing:.5rem;text-align:center}.verification-input:focus{border-color:#4f46e5!important}.btn-resend{background:none;border:none;color:#4f46e5;cursor:pointer;font-size:.9rem;margin-top:1rem}.btn-resend:hover{text-decoration:underline}@media (max-width:600px){.register-card{margin:1rem;padding:1.5rem}.form-row{grid-template-columns:1fr}.register-logo{font-size:2rem}}.role-selector{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.role-option{align-items:center;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;display:flex;gap:.75rem;padding:1rem;transition:all .2s}.role-option:hover{background:#eef2ff;border-color:#4f46e5}.role-option.selected{background:linear-gradient(135deg,#eef2ff,#e0e7ff);border-color:#4f46e5}.role-icon{font-size:2rem}.role-info h4{color:#1a1a1a;font-size:1rem;margin:0}.role-info p{color:#6b7280;font-size:.8rem;margin:.25rem 0 0}@media (max-width:500px){.role-selector{grid-template-columns:1fr}}.success-card{max-width:400px;text-align:center}.success-icon{font-size:4rem;margin-bottom:1rem}.success-card h1{color:#10b981;font-size:1.8rem;margin:0 0 .5rem}.success-card p{color:#6b7280;margin:.5rem 0}.success-name{font-size:1.1rem;margin-top:1rem!important}.success-name strong{color:#1a1a1a}.redirect-message{background:linear-gradient(135deg,#f8f9ff,#eef2ff);border-radius:12px;margin-top:2rem;padding:1.5rem}.redirect-message p{margin:.5rem 0}.countdown{color:#4f46e5;font-size:2rem;font-weight:700;margin-top:.5rem!important}.spinner{height:40px;width:40px}.terms-checkbox{margin:1rem 0}.checkbox-container{align-items:flex-start;color:#374151;cursor:pointer;display:flex;font-size:.9rem;gap:.75rem}.checkbox-container input{display:none}.checkmark{align-items:center;border:2px solid #e5e7eb;border-radius:4px;display:flex;flex-shrink:0;height:20px;justify-content:center;margin-top:2px;transition:all .2s;width:20px}.checkbox-container input:checked+.checkmark{background:#4f46e5;border-color:#4f46e5}.checkbox-container input:checked+.checkmark:after{color:#fff;content:"✓";font-size:.75rem;font-weight:700}.checkbox-text{line-height:1.4}.terms-link{background:none;border:none;color:#4f46e5;cursor:pointer;font-size:inherit;font-weight:600;padding:0;text-decoration:underline}.terms-link:hover{color:#4338ca}.terms-modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.terms-modal{background:#fff;border-radius:16px;display:flex;flex-direction:column;max-height:80vh;max-width:600px;overflow:hidden;width:100%}.terms-modal-header{align-items:center;background:linear-gradient(135deg,#1e1b4b,#4f46e5);border-bottom:1px solid #e5e7eb;color:#fff;display:flex;justify-content:space-between;padding:1.5rem}.terms-modal-header h2{font-size:1.25rem;margin:0}.close-modal{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1rem;height:32px;justify-content:center;transition:background .2s;width:32px}.close-modal:hover{background:#ffffff4d}.terms-modal-content{flex:1 1;overflow-y:auto;padding:1.5rem}.terms-modal-content h3{color:#1e1b4b;font-size:1rem;margin:1.5rem 0 .5rem}.terms-modal-content h3:first-child{margin-top:0}.terms-modal-content p{color:#4b5563;font-size:.9rem;line-height:1.6;margin:0 0 .75rem}.terms-modal-content ul{color:#4b5563;font-size:.9rem;line-height:1.6;margin:.5rem 0;padding-left:1.25rem}.terms-modal-content li{margin-bottom:.5rem}.important-title{color:#92400e!important}.important-box{background:#fef3c7;border:2px solid #f59e0b;border-radius:8px;margin:.5rem 0 1rem;padding:1rem}.important-box li,.important-box p,.important-box ul{color:#78350f}.terms-modal-footer{background:#f9fafb;border-top:1px solid #e5e7eb;padding:1rem 1.5rem}.btn-accept-terms{background:linear-gradient(135deg,#1e1b4b,#4f46e5);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.875rem;transition:all .2s;width:100%}.btn-accept-terms:hover{box-shadow:0 5px 15px #1e1b4b4d;transform:translateY(-2px)}@media (max-width:600px){.terms-modal{border-radius:12px;max-height:90vh}.terms-modal-header{padding:1rem}.terms-modal-header h2{font-size:1.1rem}.terms-modal-content{padding:1rem}.terms-modal-content h3{font-size:.95rem}.terms-modal-content p,.terms-modal-content ul{font-size:.85rem}}.dashboard-container{background:#f9fafb;min-height:calc(100vh - 120px)}.dashboard-container .dashboard-header{background:#fff;box-shadow:0 1px 3px #0000001a;position:-webkit-sticky;position:sticky;top:0;z-index:100}.dashboard-container .header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px;padding:1.5rem 2rem}.dashboard-container .dashboard-logo{color:#1a1a1a;font-size:2rem;font-weight:700;margin:0}.dashboard-container .user-info{align-items:center;display:flex;gap:1.5rem}.dashboard-container .user-name{color:#374151;font-weight:600}.dashboard-container .btn-profile{background:#0000;border:2px solid #4338ca;border-radius:8px;color:#4338ca;cursor:pointer;font-weight:600;padding:.5rem 1.25rem;transition:all .3s}.dashboard-container .btn-profile:hover{background:#4338ca;color:#fff}.dashboard-container .btn-history{background:linear-gradient(135deg,#312e81,#4338ca);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.5rem 1.25rem;transition:all .3s}.dashboard-container .btn-history:hover{box-shadow:0 5px 15px #1e1b4b66;transform:translateY(-2px)}.dashboard-container .btn-custom-topics{background:linear-gradient(135deg,#34d399,#10b981);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.5rem 1.25rem;transition:all .3s}.dashboard-container .btn-custom-topics:hover{box-shadow:0 5px 15px #34d39966;transform:translateY(-2px)}.dashboard-container .btn-logout{background:#0000;border:2px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;font-weight:600;padding:.5rem 1.25rem;transition:all .3s}.dashboard-container .btn-logout:hover{border-color:#4f46e5;color:#4f46e5}.dashboard-main{margin:0 auto;max-width:1400px;padding:3rem 2rem}.top-cards-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;margin-bottom:2rem}.top-card{align-items:flex-start;border-radius:12px;display:flex;gap:1rem;padding:1.25rem}.top-card-icon{flex-shrink:0;font-size:2rem}.top-card-content{flex:1 1}.top-card-content h3{color:#fff;font-size:1.1rem;font-weight:600;margin:0 0 .25rem}.top-card-content p{color:#fffc;font-size:.85rem;line-height:1.4;margin:0 0 .75rem}.access-code-card{background:linear-gradient(135deg,#0f0a1e,#1e1b4b 50%,#312e81);box-shadow:0 4px 15px #1e1b4b4d}.custom-content-card{background:linear-gradient(135deg,#065f46,#059669 50%,#10b981);box-shadow:0 4px 15px #0596694d}.btn-custom-content{align-items:center;background:#fff;border:none;border-radius:8px;color:#065f46;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:all .3s}.btn-custom-content:hover{box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.coming-soon-badge{background:#f59e0b;border-radius:8px;color:#fff;font-size:.65rem;font-weight:600;padding:.15rem .4rem}@media (max-width:768px){.top-cards-grid{grid-template-columns:1fr}}.access-code-form{align-items:center;display:flex;gap:.5rem}.access-code-input{background:#fffffff2;border:2px solid #ffffff4d;border-radius:6px;color:#1a1a1a;font-size:.9rem;font-weight:700;letter-spacing:.05em;padding:.5rem .75rem;text-align:center;transition:all .3s;width:100px}.access-code-input:focus{background:#fff;border-color:#fff;box-shadow:0 0 0 4px #fff3;outline:none}.access-code-input::placeholder{color:#9ca3af;font-weight:500;letter-spacing:normal}.btn-access-code{background:#fff;border:none;border-radius:6px;color:#1e1b4b;cursor:pointer;font-size:.85rem;font-weight:700;padding:.5rem 1rem;transition:all .3s;white-space:nowrap}.btn-access-code:hover:not(:disabled){box-shadow:0 8px 20px #0003;transform:translateY(-2px)}.btn-access-code:disabled{cursor:not-allowed;opacity:.7}.code-error{background:#ef44444d;border-radius:6px;color:#fecaca;font-size:.8rem;font-weight:500;margin-top:.5rem;padding:.4rem .75rem}.section-divider{margin:3rem 0;position:relative;text-align:center}.section-divider:after,.section-divider:before{background:#e5e7eb;content:"";height:1px;position:absolute;top:50%;width:40%}.section-divider:before{left:0}.section-divider:after{right:0}.section-divider span{background:#f9fafb;color:#6b7280;font-size:.95rem;font-weight:600;padding:0 1.5rem}.dashboard-container .section-header{margin-bottom:1.5rem}.dashboard-container .section-header h2{color:#1a1a1a;font-size:2rem;font-weight:700;margin-bottom:.5rem}.dashboard-container .section-header p{color:#374151;font-size:1.1rem}.filters-section{margin-bottom:2rem}.search-box{margin-bottom:1rem;position:relative}.search-icon{font-size:1.1rem;left:1rem;position:absolute;top:50%;transform:translateY(-50%)}.search-input{border:2px solid #e2e8f0;border-radius:12px;box-sizing:border-box;font-size:1rem;padding:1rem 3rem;transition:all .3s;width:100%}.search-input:focus{border-color:#4338ca;box-shadow:0 0 0 3px #4338ca1a;outline:none}.search-input::placeholder{color:#94a3b8}.clear-search{align-items:center;background:#e2e8f0;border:none;border-radius:50%;color:#64748b;cursor:pointer;display:flex;font-size:.8rem;height:24px;justify-content:center;position:absolute;right:1rem;top:50%;transform:translateY(-50%);transition:all .2s;width:24px}.clear-search:hover{background:#cbd5e1;color:#334155}.category-filters{display:flex;flex-wrap:wrap;gap:.5rem}.filter-btn{background:#fff;border:2px solid #e2e8f0;border-radius:20px;color:#475569;cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1rem;transition:all .2s;white-space:nowrap}.filter-btn:hover:not(:disabled){border-color:#4338ca;color:#4338ca}.filter-btn.active{background:linear-gradient(135deg,#312e81,#4338ca);border-color:#0000;color:#fff}.filter-btn:disabled{cursor:not-allowed;opacity:.5}.results-info{color:#64748b;font-size:.95rem;justify-content:space-between;margin-bottom:1.5rem}.results-info,.results-left{align-items:center;display:flex}.results-left{flex-wrap:wrap;gap:.75rem}.results-count{font-weight:500}.interests-display{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.interests-label{color:#94a3b8;font-size:.9rem}.interest-tag{border-radius:12px;font-size:.8rem;padding:.25rem .625rem;text-transform:capitalize}.btn-show-all{background:#0000;border:2px solid #4338ca;border-radius:8px;color:#4338ca;cursor:pointer;font-weight:600;padding:.5rem 1rem;transition:all .2s}.btn-show-all:hover{background:#4338ca;color:#fff}.error-state,.loading-state{padding:4rem 2rem;text-align:center}.spinner{border-top-color:#4f46e5}.error-state p,.loading-state p{color:#6b7280;font-size:1.1rem}.btn-retry{background:#4f46e5;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;margin-top:1rem;padding:.75rem 1.5rem;transition:all .3s}.btn-retry:hover{background:#4338ca}.certifications-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.cert-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;padding:2rem;transition:all .3s}.cert-card:hover{box-shadow:0 10px 30px #00000026;transform:translateY(-5px)}.cert-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.cert-icon{font-size:2.5rem}.cert-difficulty{border-radius:20px;color:#fff;font-size:.75rem;font-weight:600;padding:.375rem .75rem;text-transform:uppercase}.cert-name{color:#1a1a1a;font-size:1.5rem;margin-bottom:.75rem}.cert-description{color:#6b7280;font-size:.9rem;line-height:1.6;margin-bottom:1rem}.cert-topics{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.topic-tag{background:#f3f4f6;border-radius:6px;color:#374151;font-size:.875rem;font-weight:500;padding:.375rem .75rem}.topic-tag.more{background:#4f46e5;color:#fff}.cert-footer{align-items:center;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;margin-top:auto;padding-top:1rem}.btn-start{background:linear-gradient(135deg,#1e1b4b,#4f46e5);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s;width:100%}.btn-start:hover{box-shadow:0 5px 15px #1e1b4b66;transform:translateY(-2px)}@media (max-width:768px){.header-content{flex-wrap:wrap;gap:.75rem;padding:1rem}.dashboard-logo{font-size:1.5rem}.user-info{gap:.5rem}.dashboard-container .user-name{display:none}.dashboard-container .btn-history,.dashboard-container .btn-logout{font-size:.875rem;padding:.5rem .75rem}.dashboard-main{padding:1.5rem 1rem}.access-code-section{margin-bottom:2rem}.access-code-card{padding:1.5rem}.access-code-header{flex-direction:column;gap:1rem;margin-bottom:1.25rem;text-align:center}.access-code-icon{font-size:2.5rem}.access-code-info h3{font-size:1.25rem}.access-code-info p{font-size:.9rem}.access-code-form{flex-direction:column;gap:.75rem}.access-code-input{font-size:1.1rem;padding:.875rem 1rem}.btn-access-code{font-size:1rem;padding:.875rem 1.5rem;width:100%}.section-divider{margin:2rem 0}.section-divider:after,.section-divider:before{width:35%}.section-divider span{font-size:.875rem;padding:0 1rem}.dashboard-container .section-header{margin-bottom:1rem}.dashboard-container .section-header h2{font-size:1.5rem}.dashboard-container .section-header p{font-size:.9rem}.filters-section{margin-bottom:1.5rem}.search-input{font-size:16px;padding:.875rem 2.75rem}.search-icon{font-size:1rem;left:.875rem}.clear-search{right:.875rem}.category-filters{-webkit-overflow-scrolling:touch;gap:.375rem;overflow-x:auto;padding-bottom:.5rem}.filter-btn{font-size:.85rem;padding:.375rem .75rem}.results-info{align-items:flex-start;flex-direction:column;gap:.75rem;margin-bottom:1rem}.btn-show-all{text-align:center;width:100%}.certifications-grid{gap:1.5rem;grid-template-columns:1fr}.cert-card{padding:1.25rem}.cert-icon{font-size:2rem}.cert-difficulty{font-size:.7rem;padding:.25rem .5rem}.cert-name{font-size:1.25rem}.cert-description{font-size:.875rem}.cert-footer{padding-top:.75rem}.btn-start{font-size:.9rem;padding:.625rem 1rem}}.cert-progress-compact{background:#f9fafb;border-radius:6px;margin-bottom:.75rem;padding:.5rem .75rem}.progress-inline{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.progress-item{color:#6b7280;font-size:.875rem;font-weight:500}.progress-item.accuracy{font-weight:700}.cert-domains-compact{background:#f9fafb;border-radius:6px;margin-bottom:1rem;max-height:200px;overflow-y:auto;padding:.5rem .75rem}.domains-compact-title{color:#6b7280;font-size:.75rem;font-weight:600;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.domains-compact-list{display:flex;flex-direction:column;gap:.375rem}.domain-compact-item{align-items:center;display:flex;gap:.5rem;padding:.25rem 0}.domain-compact-icon{flex-shrink:0;font-size:.875rem}.domain-compact-name{color:#374151;flex:1 1;font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.domain-compact-accuracy{flex-shrink:0;font-size:.8rem;font-weight:700}.cert-domains-compact::-webkit-scrollbar{width:4px}.cert-domains-compact::-webkit-scrollbar-track{background:#0000}.cert-domains-compact::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:2px}.cert-domains-compact::-webkit-scrollbar-thumb:hover{background:#9ca3af}@media (max-width:768px){.cert-progress-compact{margin-bottom:.5rem;padding:.5rem}.progress-inline{align-items:flex-start;flex-direction:column;gap:.25rem}.progress-item{font-size:.8rem}.cert-domains-compact{margin-bottom:.75rem;max-height:150px;padding:.5rem}.domains-compact-title{font-size:.7rem;margin-bottom:.375rem}.domains-compact-list{gap:.25rem}.domain-compact-item{gap:.375rem;padding:.125rem 0}.domain-compact-accuracy,.domain-compact-icon,.domain-compact-name{font-size:.75rem}.cert-topics{gap:.375rem;margin-bottom:1rem}.topic-tag{font-size:.8rem;padding:.25rem .5rem}}@media (max-width:480px){.header-content{padding:.75rem}.dashboard-logo{font-size:1.25rem}.user-info{justify-content:flex-end;width:100%}.dashboard-container .btn-history,.dashboard-container .btn-logout{font-size:.8rem;padding:.375rem .625rem}.dashboard-main{padding:1rem .75rem}.dashboard-container .section-header{margin-bottom:1rem}.dashboard-container .section-header h2{font-size:1.25rem}.dashboard-container .section-header p{font-size:.85rem}.certifications-grid{gap:1rem}.cert-card{border-radius:8px;padding:1rem}.cert-header{margin-bottom:.75rem}.cert-icon{font-size:1.75rem}.cert-difficulty{font-size:.65rem;padding:.25rem .5rem}.cert-name{font-size:1.1rem;margin-bottom:.5rem}.cert-description{font-size:.8rem;margin-bottom:.75rem}.cert-progress-compact{margin-bottom:.5rem;padding:.375rem .5rem}.progress-item{font-size:.75rem}.cert-domains-compact{margin-bottom:.5rem;max-height:120px;padding:.375rem .5rem}.domains-compact-title{font-size:.65rem}.domain-compact-item{gap:.25rem}.domain-compact-accuracy,.domain-compact-icon,.domain-compact-name{font-size:.7rem}.cert-topics{gap:.25rem;margin-bottom:.75rem}.topic-tag{font-size:.75rem;padding:.25rem .5rem}.cert-footer{padding-top:.5rem}.btn-start{font-size:.85rem;padding:.5rem .75rem}}.professor-dashboard-container{background:linear-gradient(135deg,#f8f9ff,#fff);min-height:100vh}.professor-header{background:#fff;box-shadow:0 2px 10px #0000001a;position:-webkit-sticky;position:sticky;top:0;z-index:100}.professor-header .header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px;padding:1.5rem 2rem}.logo-section{align-items:center;display:flex;gap:1rem}.dashboard-logo{color:#1a1a1a;font-size:2rem;font-weight:700;margin:0;transition:transform .2s}.dashboard-logo:hover{transform:scale(1.05)}.logo-highlight{color:#667eea}.professor-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;font-size:.875rem;font-weight:600;padding:.375rem .875rem;white-space:nowrap}.user-info{align-items:center;display:flex;gap:1.5rem}.user-name{color:#374151;font-size:1rem;font-weight:600}.btn-logout{background:#0000;border:2px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;font-weight:600;padding:.5rem 1.25rem;transition:all .3s}.btn-logout:hover{border-color:#667eea;color:#667eea}.professor-main{margin:0 auto;max-width:900px;padding:4rem 2rem}.welcome-section{text-align:center}.welcome-icon{animation:bounce 2s infinite;font-size:5rem;margin-bottom:1.5rem}.welcome-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#1a1a1a;font-size:2.5rem;margin:0 0 1rem}.welcome-message{color:#6b7280;font-size:1.25rem;line-height:1.6;margin:0 0 3rem}.coming-soon-card{background:#fff;border-radius:20px;box-shadow:0 10px 40px #0000001a;margin-bottom:2rem;padding:2.5rem;text-align:left}.coming-soon-card h3{color:#1a1a1a;font-size:1.75rem;margin:0 0 1.5rem;text-align:center}.features-list{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);list-style:none;margin:0;padding:0}.features-list li{background:#f8f9ff;border-left:4px solid #667eea;border-radius:12px;color:#374151;font-weight:500;padding:1rem}.info-box{background:linear-gradient(135deg,#fef3c7,#fde68a);border-left:4px solid #f59e0b;border-radius:12px;padding:1.5rem;text-align:left}.info-box p{color:#92400e;line-height:1.6;margin:0}.info-box strong{color:#78350f}@media (max-width:768px){.professor-header .header-content{flex-wrap:wrap;gap:.75rem;padding:1rem}.logo-section{gap:.75rem}.dashboard-logo{font-size:1.5rem}.professor-badge{font-size:.75rem;padding:.25rem .625rem}.user-info{gap:.75rem}.user-name{font-size:.9rem}.btn-logout{font-size:.875rem;padding:.375rem .875rem}.professor-main{padding:2rem 1rem}.welcome-icon{font-size:3.5rem}.welcome-title{font-size:1.75rem}.welcome-message{font-size:1rem;margin-bottom:2rem}.coming-soon-card{padding:1.5rem}.coming-soon-card h3{font-size:1.5rem}.features-list{gap:.75rem;grid-template-columns:1fr}.features-list li{font-size:.9rem;padding:.875rem}.info-box{padding:1rem}.info-box p{font-size:.9rem}}@media (max-width:480px){.logo-section{gap:.5rem}.dashboard-logo{font-size:1.25rem}.professor-badge{font-size:.7rem;padding:.25rem .5rem}.welcome-icon{font-size:3rem}.welcome-title{font-size:1.5rem}.welcome-message{font-size:.95rem}.coming-soon-card{padding:1.25rem}.coming-soon-card h3{font-size:1.25rem}}.study-container{background:#f0f4f8;min-height:100vh}.study-header{background:#fff;box-shadow:0 2px 8px #1e293b14;position:-webkit-sticky;position:sticky;top:0;z-index:100}.study-header .header-content{margin:0 auto;max-width:1200px;padding:1rem 2rem 1.5rem}.header-top{display:flex;justify-content:flex-end;margin-bottom:1rem}.btn-exit{background:#fee2e2;border:2px solid #fecaca;border-radius:8px;color:#dc2626;cursor:pointer;font-size:.9rem;font-weight:600;padding:.625rem 1.25rem;transition:all .3s}.btn-exit:hover{background:#dc2626;border-color:#dc2626;color:#fff}.study-info{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.study-title{color:#1e293b;font-size:1.5rem;margin:0}.study-stats{display:flex;gap:1.5rem}.stat-item{color:#475569;font-weight:500}.study-main{grid-gap:2rem;align-items:start;display:grid;gap:2rem;grid-template-columns:1fr 400px;margin:0 auto;max-width:1400px;padding:3rem 2rem}.question-card{background:#fff;box-shadow:0 4px 20px #1e293b14;padding:2.5rem}.question-header{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between;margin-bottom:2rem}.question-badge{background:linear-gradient(135deg,#312e81,#4338ca)}.domain-badge,.question-badge{border-radius:20px;color:#fff;font-size:.875rem;font-weight:600;padding:.5rem 1rem}.domain-badge{background:linear-gradient(135deg,#059669,#10b981);cursor:help}.btn-doubt{background:#0000;border:2px solid #4338ca;border-radius:8px;color:#4338ca;cursor:pointer;font-weight:600;padding:.5rem 1rem;transition:all .3s}.btn-doubt:hover:not(:disabled){background:#4338ca;color:#fff}.btn-doubt:disabled{cursor:not-allowed;opacity:.5}.question-text{color:#1e293b;font-size:1.5rem}.options-container{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.option{align-items:center;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;display:flex;gap:1rem;padding:1.25rem;transition:all .3s}.option.selected,.option:hover{background:#eef2ff;border-color:#4338ca}.option.correct{background:#ecfdf5;border-color:#059669}.option.wrong{background:#fef2f2;border-color:#dc2626}.option-letter{background:#f1f5f9;border-radius:50%;color:#475569;font-weight:700;height:40px;width:40px}.option.selected .option-letter{background:#4338ca;color:#fff}.option.correct .option-letter{background:#059669;color:#fff}.option.wrong .option-letter{background:#dc2626;color:#fff}.option-text{color:#475569;flex:1 1;font-size:1rem}.option-icon{flex-shrink:0;font-size:1.5rem}.btn-next,.btn-submit{background:linear-gradient(135deg,#312e81,#4338ca);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:1rem;transition:all .3s;width:100%}.btn-next:hover,.btn-submit:hover:not(:disabled){box-shadow:0 10px 25px #4338ca4d;transform:translateY(-2px)}.btn-submit:disabled{animation:pulse-button 1.5s ease-in-out infinite;opacity:.8}@keyframes pulse-button{0%,to{opacity:.8}50%{opacity:.6}}.feedback-section{border-top:2px solid #e2e8f0;margin-top:2rem;padding-top:2rem}.feedback-result{align-items:center;border-radius:12px;display:flex;gap:1rem;margin-bottom:1.5rem;padding:1.5rem}.feedback-result.correct{background:#ecfdf5;border:2px solid #059669}.feedback-result.incorrect{background:#fef2f2;border:2px solid #dc2626}.result-icon{font-size:2rem}.feedback-result h3{color:#1e293b;font-size:1.5rem;margin:0}.feedback-ai,.feedback-explanation{margin-bottom:1.5rem}.feedback-ai h4,.feedback-explanation h4{color:#334155;font-size:1.1rem;margin-bottom:.75rem}.feedback-ai p,.feedback-explanation p{color:#64748b;line-height:1.6}.feedback-ai{background:#eef2ff;border-left:4px solid #4338ca;border-radius:12px;padding:1.5rem}.option-explanations{border-top:1px solid #e2e8f0;margin-top:1.25rem}.option-explanations h5{color:#334155;font-size:.95rem;margin-bottom:.75rem}.option-explanation{background:#fff;border-left:3px solid #e2e8f0;border-radius:8px;color:#475569;font-size:.9rem;margin-bottom:.5rem;padding:.75rem 1rem}.option-explanation.correct-option{background:#ecfdf5;border-left-color:#059669;color:#065f46}.option-explanation strong{color:#1e293b;margin-right:.25rem}.key-concept-tip{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-radius:8px;color:#065f46;font-size:.9rem;margin-top:1.25rem;padding:1rem}.key-concept-tip strong{color:#047857}.chat-assistant{background:#fff;border-radius:16px;box-shadow:0 4px 20px #1e293b14;display:flex;flex-direction:column;height:-webkit-fit-content;height:fit-content;max-height:calc(100vh - 250px);position:-webkit-sticky;position:sticky;top:100px}.chat-header{background:linear-gradient(135deg,#312e81,#4338ca);border-bottom:2px solid #e2e8f0;border-radius:16px 16px 0 0;padding:1.5rem}.chat-header h3{align-items:center;color:#fff;display:flex;font-size:1.25rem;gap:.5rem;margin:0}.chat-messages{flex:1 1;max-height:400px;min-height:200px;overflow-y:auto;padding:1.5rem}.chat-message{animation:slideIn .3s ease-out;margin-bottom:1rem}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chat-message.user{text-align:right}.message-bubble{word-wrap:break-word;border-radius:12px;display:inline-block;max-width:85%;padding:1rem 1.25rem}.chat-message.user .message-bubble{background:linear-gradient(135deg,#312e81,#4338ca);border-bottom-right-radius:4px;color:#fff}.chat-message.assistant .message-bubble{background:#f1f5f9;border-bottom-left-radius:4px;color:#334155}.message-time{color:#94a3b8;font-size:.75rem;margin-top:.25rem}.chat-empty{color:#94a3b8;padding:2rem 1rem;text-align:center}.chat-empty-icon{font-size:3rem;margin-bottom:.5rem}.chat-input-container{border-top:2px solid #e2e8f0;padding:1.5rem}.chat-input-wrapper{display:flex;gap:.75rem}.chat-textarea{border:2px solid #e2e8f0;border-radius:12px;flex:1 1;font-family:inherit;font-size:.95rem;padding:.875rem;resize:none;transition:all .3s}.chat-textarea:focus{border-color:#4338ca;box-shadow:0 0 0 3px #4338ca1a;outline:none}.btn-send{background:linear-gradient(135deg,#312e81,#4338ca);border:none;border-radius:12px;color:#fff;cursor:pointer;font-weight:600;padding:.875rem 1.5rem;transition:all .3s;white-space:nowrap}.btn-send:hover:not(:disabled){box-shadow:0 5px 15px #4338ca4d;transform:translateY(-2px)}.btn-send:disabled{cursor:not-allowed;opacity:.5}.chat-hint{color:#94a3b8;font-size:.875rem;margin-top:.5rem}.spinner{border:4px solid #e2e8f0;border-top-color:#4338ca}.loading-state p{animation:pulse 2s ease-in-out infinite;color:#64748b}@media (max-width:768px){.study-header .header-content{padding:.75rem 1rem 1rem}.header-top{margin-bottom:.75rem}.btn-exit{font-size:.85rem;padding:.5rem 1rem}.study-title{font-size:1.1rem}.study-info{align-items:flex-start;flex-direction:column;gap:.75rem}.study-stats{flex-wrap:wrap;gap:.75rem;width:100%}.stat-item{font-size:.85rem}.study-main{gap:1.5rem;grid-template-columns:1fr;padding:1rem}.question-card{border-radius:12px;padding:1.25rem}.question-header{align-items:flex-start;flex-direction:column;gap:.75rem;margin-bottom:1.25rem}.domain-badge,.question-badge{font-size:.8rem;padding:.375rem .75rem}.btn-doubt{font-size:.85rem;padding:.375rem .75rem}.question-text{font-size:1.1rem;margin-bottom:1.5rem}.options-container{gap:.75rem;margin-bottom:1.5rem}.option{gap:.75rem;padding:1rem}.option-letter{font-size:.9rem;height:32px;width:32px}.option-text{font-size:.95rem}.btn-next,.btn-submit{font-size:1rem;padding:.875rem}.feedback-section{margin-top:1.5rem;padding-top:1.5rem}.feedback-result{gap:.75rem;padding:1rem}.result-icon{font-size:1.5rem}.feedback-result h3{font-size:1.25rem}.feedback-ai,.feedback-explanation{padding:1rem}.feedback-ai h4,.feedback-explanation h4{font-size:1rem}.chat-assistant{border-radius:12px;max-height:none;position:relative;top:0}.chat-header{border-radius:12px 12px 0 0;padding:1rem}.chat-header h3{font-size:1rem}.chat-messages{max-height:300px;min-height:150px;padding:1rem}.chat-input-container{padding:1rem}.chat-textarea{font-size:16px;padding:.75rem}.btn-send{font-size:.9rem;padding:.75rem 1rem}}@media (max-width:480px){.study-header .header-content{padding:.75rem}.study-title{font-size:1rem}.study-stats{gap:.5rem}.stat-item{font-size:.8rem}.study-main{gap:1rem;padding:.75rem}.question-card{padding:1rem}.domain-badge,.question-badge{font-size:.75rem;padding:.25rem .5rem}.question-text{font-size:1rem;margin-bottom:1.25rem}.option{gap:.5rem;padding:.875rem}.option-letter{font-size:.85rem;height:28px;width:28px}.option-text{font-size:.9rem}.chat-messages{max-height:250px}}.loading-state-fullscreen{background:linear-gradient(135deg,#312e81,#4338ca)}@media (max-width:768px){.loading-content h2{font-size:1.5rem}.loading-content p{font-size:.95rem}.spinner-large{border-width:5px;height:60px;width:60px}}.exam-container{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh}.exam-header{background:#fffffff2;box-shadow:0 2px 10px #0000001a;padding:1rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.exam-header .header-content{align-items:center;display:flex;gap:2rem;justify-content:space-between;margin:0 auto;max-width:1200px}.exam-info h1{color:#1f2937;font-size:1.25rem;margin:0}.exam-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .75rem}.exam-progress{flex:1 1;max-width:300px}.exam-progress span{color:#6b7280;display:block;font-size:.875rem;margin-bottom:.5rem}.progress-bar{border-radius:4px;height:8px}.progress-fill{background:linear-gradient(135deg,#667eea,#764ba2);height:100%;transition:width .3s ease}.exam-timer{align-items:center;background:#f3f4f6;border-radius:12px;display:flex;font-family:Monaco,monospace;font-size:1.5rem;font-weight:700;gap:.5rem;padding:.75rem 1.5rem}.exam-timer.warning{background:#fef3c7;color:#d97706}.exam-timer.critical{animation:pulse 1s infinite;background:#fee2e2;color:#dc2626}.exam-main{margin:0 auto;max-width:900px;padding:2rem}.exam-main .question-card{background:#fff;border-radius:20px;box-shadow:0 10px 40px #0003;padding:2rem}.exam-main .question-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.exam-main .question-number{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;font-weight:600;padding:.5rem 1rem}.exam-main .domain-badge{background:#f3f4f6;border-radius:20px;color:#4b5563;font-size:.875rem;padding:.5rem 1rem}.exam-main .question-text{color:#1f2937;font-size:1.25rem;line-height:1.6;margin-bottom:2rem}.exam-main .options-container{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.exam-main .option{align-items:flex-start;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;display:flex;gap:1rem;padding:1rem 1.5rem;transition:all .2s}.exam-main .option:hover{background:#f8f9ff;border-color:#667eea}.exam-main .option.selected{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-color:#667eea}.exam-main .option-letter{align-items:center;background:#f3f4f6;border-radius:50%;display:flex;flex-shrink:0;font-weight:600;height:32px;justify-content:center;width:32px}.exam-main .option.selected .option-letter{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.exam-main .option-text{flex:1 1;line-height:1.5}.question-actions{display:flex;justify-content:flex-end}.exam-main .btn-next{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem 2rem;transition:all .3s}.exam-main .btn-next:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.exam-main .btn-next:disabled{cursor:not-allowed;opacity:.5}.exam-notice{margin-top:1.5rem;text-align:center}.exam-notice p{color:#ffffffe6;font-size:.9rem}.exam-results{margin:0 auto;max-width:600px;padding:2rem}.results-header{border-radius:20px;margin-bottom:2rem;padding:3rem 2rem;text-align:center}.results-header.passed{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.results-header.failed{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.results-icon{font-size:4rem;margin-bottom:1rem}.results-header h1{font-size:2rem;margin:0 0 .5rem}.results-header p{margin:0;opacity:.9}.results-score{display:flex;justify-content:center;margin-bottom:2rem}.score-circle{box-shadow:0 10px 40px #0003;height:200px;width:200px}.score-circle,.score-inner{align-items:center;border-radius:50%;display:flex;justify-content:center}.score-inner{background:#fff;flex-direction:column;height:160px;width:160px}.score-number{color:#1f2937;font-size:3rem;font-weight:700}.score-label{color:#6b7280;font-size:.875rem}.results-stats{grid-gap:1rem;background:#fff;border-radius:16px;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr);margin-bottom:1.5rem;padding:1.5rem}.results-stats .stat-item{text-align:center}.results-stats .stat-value{color:#1f2937;display:block;font-size:1.5rem;font-weight:700}.results-stats .stat-label{color:#6b7280;font-size:.75rem}.time-expired-notice{background:#fef3c7;border-radius:12px;color:#92400e;margin-bottom:1.5rem;padding:1rem;text-align:center}.results-actions{display:flex;flex-direction:column;gap:1rem}.btn-view-details{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff}.btn-back-dashboard,.btn-view-details{cursor:pointer;font-size:1rem;font-weight:600;padding:1rem}.btn-back-dashboard{background:#fff;border:2px solid #667eea;border-radius:12px;color:#667eea}.confirm-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.confirm-modal{background:#fff;border-radius:20px;max-width:400px;padding:2rem;text-align:center}.confirm-modal h3{color:#1f2937;margin:0 0 1rem}.confirm-modal p{color:#6b7280;margin-bottom:1.5rem}.confirm-actions{display:flex;gap:1rem}.btn-cancel{background:#f3f4f6}.btn-cancel,.btn-confirm{border:none;flex:1 1;padding:.75rem}.btn-confirm{border-radius:8px;color:#fff;cursor:pointer;font-weight:600}.btn-confirm,.loading-state-fullscreen{background:linear-gradient(135deg,#667eea,#764ba2)}.loading-state-fullscreen{align-items:center;animation:fadeIn .3s ease-in;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.loading-content{color:#fff;max-width:400px;padding:2rem;text-align:center}.loading-content h2{font-size:1.75rem;font-weight:700;margin:0 0 .75rem}.loading-content p{font-size:1rem;margin:0 0 1.5rem;opacity:.9}.spinner-large{animation:spin 1s linear infinite;border:6px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:80px;margin:0 auto 2rem;width:80px}.loading-dots{display:flex;gap:.5rem;justify-content:center}.loading-dots span{animation:bounce 1.4s ease-in-out infinite both;background:#fff;border-radius:50%;height:12px;width:12px}.loading-dots span:first-child{animation-delay:-.32s}.loading-dots span:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{opacity:.5;transform:scale(0)}40%{opacity:1;transform:scale(1)}}@media (max-width:768px){.exam-header{padding:.75rem 1rem}.exam-header .header-content{flex-direction:column;gap:.75rem}.exam-info h1{font-size:1rem}.exam-progress{max-width:100%;width:100%}.exam-timer{font-size:1.1rem;padding:.5rem 1rem}.exam-main{padding:1rem}.exam-main .question-card{border-radius:12px;padding:1.25rem}.exam-main .question-header{align-items:flex-start;flex-direction:column;gap:.5rem;margin-bottom:1rem}.exam-main .question-text{font-size:1rem;margin-bottom:1.25rem}.exam-main .options-container{gap:.75rem;margin-bottom:1.25rem}.exam-main .option{padding:.875rem 1rem}.exam-main .option-letter{font-size:.85rem;height:28px;width:28px}.exam-main .option-text{font-size:.9rem}.results-stats{gap:.75rem;grid-template-columns:repeat(2,1fr);padding:1rem}.results-stats .stat-value{font-size:1.25rem}.results-stats .stat-label{font-size:.7rem}.results-header{padding:2rem 1.5rem}.results-header h1{font-size:1.5rem}.results-icon{font-size:3rem}.score-circle{height:150px;width:150px}.score-inner{height:120px;width:120px}.score-number{font-size:2.25rem}.exam-results{padding:1rem}.btn-finish-exam{font-size:.8rem;padding:.375rem .75rem}}@media (max-width:480px){.exam-header{padding:.5rem .75rem}.exam-info h1{font-size:.9rem}.exam-badge{font-size:.65rem;padding:.2rem .5rem}.exam-timer{font-size:1rem;padding:.375rem .75rem}.exam-main{padding:.75rem}.exam-main .question-card{padding:1rem}.exam-main .domain-badge,.exam-main .question-number{font-size:.75rem;padding:.375rem .75rem}.exam-main .question-text{font-size:.95rem}.exam-main .option{gap:.75rem;padding:.75rem}.exam-main .option-letter{font-size:.8rem;height:24px;width:24px}.exam-main .option-text{font-size:.85rem}.results-stats{gap:.5rem;grid-template-columns:repeat(2,1fr);padding:.75rem}.results-stats .stat-value{font-size:1.1rem}.score-circle{height:130px;width:130px}.score-inner{height:100px;width:100px}.score-number{font-size:2rem}.results-header h1{font-size:1.25rem}}.btn-mark-review{background:#fff;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;font-size:.875rem;padding:.5rem 1rem;transition:all .2s}.btn-mark-review:hover{background:#fffbeb;border-color:#f59e0b}.btn-mark-review.marked{background:#fef3c7;border-color:#f59e0b;color:#92400e}.question-nav{border-top:1px solid #e5e7eb;display:flex;gap:1rem;justify-content:space-between;margin-top:1.5rem;padding-top:1.5rem}.btn-nav{border:none;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s}.btn-prev{background:#f3f4f6;color:#4b5563}.btn-prev:hover:not(:disabled){background:#e5e7eb}.btn-prev:disabled{cursor:not-allowed;opacity:.5}.btn-review-panel{background:#f0f9ff;border:1px solid #bae6fd;color:#0369a1}.btn-review-panel:hover{background:#e0f2fe}.btn-next{background:linear-gradient(135deg,#667eea,#764ba2)}.btn-next:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.review-panel-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.review-panel{background:#fff;border-radius:20px;max-height:90vh;max-width:600px;overflow-y:auto;padding:2rem;width:100%}.review-panel h2{color:#1f2937;margin:0 0 1.5rem;text-align:center}.review-summary{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;margin-bottom:1.5rem}.summary-item{border-radius:8px;font-size:.9rem;font-weight:600;padding:.5rem 1rem}.summary-item.answered{background:#d1fae5;color:#065f46}.summary-item.unanswered{background:#f3f4f6;color:#4b5563}.summary-item.marked{background:#fef3c7;color:#92400e}.review-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(10,1fr);margin-bottom:1.5rem}.review-item{aspect-ratio:1;background:#fff;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:600;position:relative;transition:all .2s}.review-item:hover:not(:disabled){transform:scale(1.1);z-index:1}.review-item.answered{background:#d1fae5;border-color:#10b981;color:#065f46}.review-item.unanswered{background:#f9fafb;border-color:#d1d5db;color:#6b7280}.review-item.marked{background:#fef3c7;border-color:#f59e0b;color:#92400e}.review-item.not-loaded{background:#f3f4f6;color:#9ca3af;cursor:not-allowed}.mark-indicator{font-size:.7rem;position:absolute;right:-4px;top:-4px}.review-legend{color:#6b7280;display:flex;font-size:.8rem;gap:1.5rem;justify-content:center;margin-bottom:1.5rem}.legend-item{align-items:center;display:flex;gap:.5rem}.legend-item .dot{border-radius:4px;height:12px;width:12px}.dot.answered{background:#10b981}.dot.unanswered{background:#d1d5db}.dot.marked{background:#f59e0b}.review-actions{display:flex;gap:1rem}.btn-continue{background:#f3f4f6;border:none;border-radius:12px;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;padding:1rem;transition:all .2s}.btn-continue:hover{background:#e5e7eb}.btn-submit-exam{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;padding:1rem;transition:all .2s}.btn-submit-exam:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.btn-submit-exam:disabled{cursor:not-allowed;opacity:.7}@media (max-width:640px){.review-grid{gap:.375rem;grid-template-columns:repeat(5,1fr)}.review-item{font-size:.75rem}.question-nav{flex-direction:column;gap:.75rem}.btn-nav{text-align:center;width:100%}.review-summary{align-items:center;flex-direction:column;gap:.5rem}.review-panel{border-radius:16px;padding:1.25rem}.review-panel h2{font-size:1.25rem;margin-bottom:1rem}.review-actions{flex-direction:column}.btn-continue,.btn-submit-exam{width:100%}.review-legend{flex-wrap:wrap;font-size:.75rem;gap:.75rem}.confirm-modal{margin:1rem;padding:1.5rem}.confirm-modal h3{font-size:1.1rem}.confirm-actions{flex-direction:column}}.btn-finish-exam{background:#fee2e2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;cursor:pointer;font-size:.875rem;font-weight:600;padding:.5rem 1rem;transition:all .2s}.btn-finish-exam:hover{background:#fecaca}.domain-results{background:#f9fafb;border-radius:16px;margin-bottom:1.5rem;padding:1.5rem}.domain-results h3{color:#1f2937;font-size:1.1rem;margin:0 0 1rem}.domain-results-list{display:flex;flex-direction:column;gap:1rem}.domain-result-item{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:1rem}.domain-result-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.domain-result-name{color:#374151;font-size:.95rem;font-weight:600}.domain-result-score{font-size:1.1rem;font-weight:700}.domain-result-bar{background:#e5e7eb;border-radius:4px;height:8px;margin-bottom:.5rem;overflow:hidden}.domain-result-fill{border-radius:4px;height:100%;transition:width .5s ease}.domain-result-detail{color:#6b7280;font-size:.8rem}.study-feedback{background:linear-gradient(135deg,#eff6ff,#f0f9ff);border:1px solid #bfdbfe;border-radius:16px;margin-bottom:1.5rem;padding:1.5rem}.study-feedback h3{color:#1e40af;font-size:1.1rem;margin:0 0 .75rem}.study-feedback p{color:#1e3a8a;line-height:1.6;margin:0}@media (max-width:900px){.exam-header .header-content{flex-wrap:wrap;gap:.75rem}.exam-info{flex:1 1 100%}.exam-progress{flex:1 1}.btn-finish-exam{order:-1}}.history-container{background:#f9fafb;min-height:100vh}.history-main{margin:0 auto;max-width:1200px;padding:3rem 2rem}.stats-overview{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:3rem}.stat-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;display:flex;gap:1.5rem;padding:2rem;transition:all .3s}.stat-card:hover{box-shadow:0 5px 15px #0000001a;transform:translateY(-3px)}.stat-icon{flex-shrink:0;font-size:3rem}.stat-info h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#1a1a1a;font-size:2.5rem;margin:0 0 .25rem}.stat-info p{color:#6b7280;font-size:.95rem;margin:0}.certifications-section{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000d;padding:2.5rem}.history-container .section-title{color:#1f2937;font-size:1.75rem;font-weight:700;margin:0 0 2rem}.certifications-list{display:flex;flex-direction:column;gap:1.5rem}.cert-progress-card{background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;padding:2rem;transition:all .3s}.cert-progress-card:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea1a}.cert-progress-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1.5rem}.cert-info h3{color:#1a1a1a;font-size:1.5rem;margin:0 0 .5rem}.last-studied{color:#6b7280;font-size:.875rem;margin:0}.accuracy-badge{border-radius:20px;color:#fff;font-size:1.25rem;font-weight:700;padding:.75rem 1.25rem}.cert-progress-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr);margin-bottom:1.5rem}.progress-stat{display:flex;flex-direction:column;gap:.5rem}.stat-label{font-size:.875rem;font-weight:500}.stat-value{color:#1a1a1a;font-size:1.75rem;font-weight:700}.progress-bar-container{margin-bottom:1.5rem}.progress-bar-label{color:#6b7280;display:flex;font-size:.875rem;font-weight:500;justify-content:space-between;margin-bottom:.5rem}.progress-bar{background:#e5e7eb;border-radius:6px;height:12px;overflow:hidden}.progress-bar-fill{border-radius:6px;height:100%;transition:width .5s ease}.cert-section{margin-bottom:3rem}.cert-section-title{border-bottom:3px solid #667eea;color:#1a1a1a;font-size:1.75rem;margin:0 0 1.5rem;padding-bottom:.75rem}.sessions-list{display:flex;flex-direction:column;gap:1rem}.session-card{background:#fff;border:2px solid #e5e7eb;border-radius:12px;overflow:hidden;transition:all .3s}.session-card:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea1a}.session-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:1.5rem;transition:background .3s}.session-header:hover{background:#f9fafb}.session-info h4{color:#1a1a1a;font-size:1.25rem;margin:0 0 .5rem}.session-stats{color:#6b7280;font-size:.875rem;margin:0}.session-summary{align-items:center;display:flex;gap:1rem}.session-accuracy{border-radius:20px;color:#fff;font-size:1.1rem;font-weight:700;padding:.5rem 1rem}.expand-icon{color:#6b7280;font-size:1.25rem;transition:transform .3s}.session-details{animation:slideDown .3s ease-out;border-top:2px solid #e5e7eb;padding:0 1.5rem 1.5rem}@keyframes slideDown{0%{max-height:0;opacity:0}to{max-height:2000px;opacity:1}}.session-details h5{color:#374151;font-size:1.1rem;margin:1.5rem 0 1rem}.questions-list{display:flex;flex-direction:column;gap:1rem}.question-item{border-left:4px solid;border-radius:8px;padding:1.5rem}.question-item.correct{background:#ecfdf5;border-left-color:#10b981}.question-item.incorrect{background:#fef2f2;border-left-color:#ef4444}.question-number{align-items:center;display:flex;font-size:.875rem;font-weight:700;gap:.5rem;margin-bottom:.75rem}.question-item.correct .question-number{color:#10b981}.question-item.incorrect .question-number{color:#ef4444}.question-content{display:flex;flex-direction:column;gap:.75rem}.question-text{color:#1a1a1a;font-size:1rem;font-weight:500;margin:0}.answer-info{display:flex;flex-wrap:wrap;font-size:.875rem;gap:1.5rem}.user-answer{color:#6b7280}.correct-answer{color:#10b981}.explanation{border-top:1px solid #e5e7eb;color:#6b7280;font-size:.875rem;line-height:1.6;margin:0;padding-top:.75rem}.history-container .empty-state{background:#fff;border-radius:12px;padding:4rem 2rem;text-align:center}.history-container .empty-icon{font-size:5rem;margin-bottom:1rem}.history-container .empty-state h3{color:#1f2937;font-size:1.75rem;margin:0 0 .5rem}.history-container .empty-state p{color:#4b5563;font-size:1.1rem;margin:0 0 2rem}.history-container .btn-start-studying{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:1rem 2rem;transition:all .3s}.history-container .btn-start-studying:hover{box-shadow:0 10px 25px #667eea4d;transform:translateY(-2px)}.history-container .error-state,.history-container .loading-state{background:#fff;border-radius:12px;padding:4rem 2rem;text-align:center}.spinner{animation:spin 1s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#667eea;height:50px;margin:0 auto 1rem;width:50px}.history-container .error-state p,.history-container .loading-state p{color:#4b5563;font-size:1.1rem}.history-container .btn-retry{background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;margin-top:1rem;padding:.75rem 1.5rem;transition:all .3s}.history-container .btn-retry:hover{background:#5568d3}@media (max-width:768px){.history-main{padding:1rem}.stats-overview{gap:.75rem;grid-template-columns:repeat(2,1fr);margin-bottom:1.5rem}.stat-card{flex-direction:column;gap:.75rem;padding:1rem;text-align:center}.stat-icon{font-size:2rem}.stat-info h3{font-size:1.5rem}.stat-info p{font-size:.8rem}.cert-progress-stats{grid-template-columns:1fr}.cert-progress-header{flex-direction:column;gap:1rem}.accuracy-badge{align-self:flex-start}.certifications-section{border-radius:12px;padding:1rem}.section-title{font-size:1.25rem;margin-bottom:1.5rem}}@media (max-width:480px){.history-main{padding:.75rem}.stats-overview{gap:.5rem;margin-bottom:1rem}.stat-card{padding:.75rem}.stat-icon{font-size:1.5rem}.stat-info h3{font-size:1.25rem}.stat-info p{font-size:.75rem}.certifications-section{padding:.75rem}.section-title{font-size:1.1rem}}.cert-integrated-section{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;margin-bottom:2rem;padding:2rem}.cert-integrated-header{border-bottom:2px solid #e5e7eb;margin-bottom:2rem;padding-bottom:1.5rem}.cert-integrated-title{color:#1f2937;font-size:1.75rem;margin:0 0 1rem}.cert-integrated-stats{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem}.cert-stat{color:#6b7280;font-size:.95rem;font-weight:500}.cert-accuracy-badge{border-radius:20px;color:#fff;font-size:.95rem;font-weight:700;padding:.5rem 1rem}.subsection-title{color:#374151;font-size:1.25rem;font-weight:600;margin:0 0 1.5rem}.cert-domains-progress-section{background:#f9fafb;border-radius:12px;margin-bottom:2.5rem;padding:1.5rem}.cert-sessions-section{margin-top:2rem}.domain-stats-section{background:#f9fafb;border-radius:12px;margin-bottom:2rem;padding:1.5rem}.domain-stats-section h6{color:#374151;font-size:.95rem;font-weight:600;margin:0 0 1rem}.domain-stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.domain-stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1rem}.domain-stat-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.domain-name{color:#1f2937}.domain-accuracy,.domain-name{font-size:.875rem;font-weight:600}.domain-accuracy{border-radius:12px;color:#fff;padding:.25rem .75rem}.domain-stat-details{color:#6b7280;font-size:.875rem}.question-header-row{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.question-domain-badge{background:linear-gradient(135deg,#f093fb,#f5576c);border-radius:16px;color:#fff;font-size:.8rem;font-weight:600;padding:.375rem .875rem;white-space:nowrap}.domains-consolidated-section{margin-bottom:3rem}.section-subtitle{color:#6b7280;font-size:1rem;margin-bottom:2rem;margin-top:.5rem}.certifications-domains-list{display:flex;flex-direction:column;gap:2rem}.cert-domains-card{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:2rem}.cert-domains-title{align-items:center;color:#1f2937;display:flex;flex-wrap:wrap;font-size:1.5rem;gap:1rem;justify-content:space-between;margin:0 0 1.5rem}.cert-overall-accuracy{font-size:1.25rem;font-weight:700}.domains-progress-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.domain-progress-card{background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;padding:1.5rem;transition:all .3s}.domain-progress-card:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea26;transform:translateY(-2px)}.domain-progress-header{align-items:center;display:flex;gap:.5rem;justify-content:space-between;margin-bottom:1rem}.domain-progress-name{color:#1f2937;flex:1 1;font-size:.95rem;font-weight:600}.domain-progress-badge{border-radius:16px;color:#fff;font-size:.875rem;font-weight:700;padding:.375rem .75rem;white-space:nowrap}.domain-progress-bar-container{margin-bottom:1rem}.domain-progress-bar{background:#e5e7eb;border-radius:4px;height:8px;overflow:hidden}.domain-progress-bar-fill{border-radius:4px;height:100%;transition:width .5s ease}.domain-progress-stats{display:flex;gap:1rem;justify-content:space-between;margin-bottom:.75rem}.domain-correct,.domain-questions{color:#6b7280;font-size:.875rem;font-weight:500}.domain-recommendation{background:#fef3c7;border-left:3px solid #f59e0b;border-radius:6px;color:#92400e;font-size:.875rem;font-weight:500;margin-top:.75rem;padding:.75rem}@media (max-width:768px){.domains-progress-grid{grid-template-columns:1fr}.cert-domains-title{font-size:1.25rem}.cert-overall-accuracy{font-size:1rem}}.session-details h6{color:#374151;font-size:1rem;font-weight:600;margin:1.5rem 0 1rem}.session-info h5{color:#1a1a1a;font-size:1.1rem;font-weight:600;margin:0 0 .5rem}.history-container .history-tabs{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;display:flex;gap:.5rem;margin-bottom:2rem;padding:.5rem}.history-container .tab-btn{align-items:center;background:#f3f4f6;border:none;border-radius:8px;color:#4b5563;cursor:pointer;display:flex;flex:1 1;font-size:.95rem;font-weight:600;gap:.5rem;justify-content:center;padding:1rem 1.5rem;transition:all .3s}.history-container .tab-btn:hover{background:#e5e7eb;color:#1f2937}.history-container .tab-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 8px #667eea4d;color:#fff}.history-container .tab-badge{background:#ffffff4d;border-radius:10px;color:#fff;font-size:.75rem;padding:.125rem .5rem}.history-container .tab-btn:not(.active) .tab-badge{background:#667eea;color:#fff}.exams-section{background:#fff;border-radius:16px;padding:2rem}.exam-stats-overview{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr);margin-bottom:2rem}.exam-stat-card{background:linear-gradient(135deg,#f8f9ff,#f3f4f6);border-radius:12px;padding:1.5rem;text-align:center}.exam-stat-value{color:#667eea;display:block;font-size:2rem;font-weight:700}.exam-stat-label{color:#6b7280;font-size:.875rem}.exams-list{display:flex;flex-direction:column;gap:2rem}.cert-exams-section{border-top:1px solid #e5e7eb;padding-top:1.5rem}.cert-exams-title{color:#1f2937;font-size:1.25rem;margin:0 0 1rem}.exam-card{border:2px solid #e5e7eb;border-radius:12px;margin-bottom:1rem;overflow:hidden;transition:all .3s}.exam-card:hover{box-shadow:0 4px 12px #0000001a}.exam-card.passed{border-left:4px solid #10b981}.exam-card.failed{border-left:4px solid #ef4444}.exam-card-info{flex:1 1}.exam-date{color:#1f2937;font-weight:600;margin-bottom:.25rem}.exam-summary{align-items:center;color:#6b7280;display:flex;font-size:.875rem;gap:.5rem}.time-expired-badge{background:#fef3c7;border-radius:4px;color:#92400e;font-size:.75rem;padding:.125rem .5rem}.exam-card-result{text-align:right}.exam-score{font-size:1.5rem;font-weight:700}.exam-score.passed{color:#10b981}.exam-score.failed{color:#ef4444}.exam-status{font-size:.875rem;font-weight:600}.exam-status.passed{color:#10b981}.exam-status.failed{color:#ef4444}@media (max-width:768px){.history-tabs{flex-direction:column}.exam-stats-overview{grid-template-columns:repeat(2,1fr)}.exam-card-header{align-items:flex-start;flex-direction:column;gap:1rem}.exam-card-result{align-items:center;display:flex;gap:1rem;text-align:left}}.exam-details{animation:slideDown .3s ease-out;background:#f9fafb;border-top:2px solid #e5e7eb;padding:1.5rem}.exam-domain-results h5{color:#374151;font-size:1.1rem;font-weight:600;margin:0 0 1.25rem}.exam-domains-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.exam-domain-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:1.25rem;transition:all .3s}.exam-domain-card:hover{border-color:#667eea;box-shadow:0 2px 8px #667eea26}.exam-domain-header{align-items:center;display:flex;gap:.5rem;justify-content:space-between;margin-bottom:.75rem}.exam-domain-name{color:#1f2937;flex:1 1;font-size:.9rem;font-weight:600}.exam-domain-badge{border-radius:12px;color:#fff;font-size:.85rem;font-weight:700;padding:.25rem .75rem;white-space:nowrap}.exam-domain-bar-container{margin-bottom:.75rem}.exam-domain-bar{background:#e5e7eb;border-radius:4px;height:8px;overflow:hidden}.exam-domain-bar-fill{border-radius:4px;height:100%;transition:width .5s ease}.exam-domain-stats{color:#6b7280;font-size:.85rem;font-weight:500}.exam-domain-warning{background:#fef3c7;border-left:3px solid #f59e0b;border-radius:4px;color:#92400e;font-size:.8rem;font-weight:500;margin-top:.5rem;padding:.5rem .75rem}.exam-time-info{border-top:1px solid #e5e7eb;color:#6b7280;display:flex;flex-wrap:wrap;font-size:.9rem;gap:2rem;margin-top:1.5rem;padding-top:1rem}.exam-card-header{align-items:center;cursor:pointer;display:flex;gap:1rem;justify-content:space-between;padding:1rem 1.5rem}.exam-card-header .expand-icon{color:#6b7280;font-size:1.25rem;transition:transform .3s}@media (max-width:768px){.exam-domains-grid{grid-template-columns:1fr}.exam-time-info{flex-direction:column;gap:.5rem}}.exam-study-feedback{background:linear-gradient(135deg,#e0e7ff,#f0f4ff);border-left:4px solid #667eea;border-radius:8px;color:#3730a3;font-size:.95rem;font-weight:500;line-height:1.5;margin-top:1.25rem;padding:1rem 1.25rem}.code-exams-section{background:#fff;border-radius:16px;padding:2rem}.course-code-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;font-size:.875rem;font-weight:600;margin-left:1rem;padding:.375rem .875rem}.professor-feedback{background:linear-gradient(135deg,#e0f2fe,#f0f9ff);border-left:4px solid #0284c7;border-radius:8px;margin-top:1.25rem;padding:1.25rem}.professor-feedback h5{color:#0c4a6e;font-size:1rem;font-weight:600;margin:0 0 .75rem}.professor-feedback p{color:#075985;line-height:1.6;margin:0}@media (max-width:768px){.course-code-badge{display:block;font-size:.75rem;margin-left:0;margin-top:.5rem;width:-webkit-fit-content;width:fit-content}.professor-feedback{padding:1rem}.professor-feedback h5{font-size:.95rem}.professor-feedback p{font-size:.9rem}}.history-container .custom-topics-section{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000d;padding:2rem}.history-container .custom-topics-list{display:flex;flex-direction:column;gap:1rem}.history-container .custom-topic-card{background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;padding:1.5rem;transition:all .3s}.history-container .custom-topic-card:hover{border-color:#10b981;box-shadow:0 4px 12px #10b98126}.history-container .custom-topic-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem}.history-container .custom-topic-info h3{color:#1f2937;font-size:1.25rem;font-weight:600;margin:0 0 .25rem}.history-container .custom-topic-info p{color:#4b5563;font-size:.9rem;margin:0}.history-container .custom-topic-stats{display:flex;flex-wrap:wrap;gap:.75rem}.history-container .stat-badge{background:linear-gradient(135deg,#eef2ff,#e0e7ff);border-radius:20px;color:#4338ca;font-size:.85rem;font-weight:600;padding:.375rem .75rem;white-space:nowrap}.history-container .custom-topic-footer{align-items:center;border-top:1px solid #e5e7eb;display:flex;justify-content:space-between;padding-top:1rem}.history-container .last-practiced{color:#4b5563;font-size:.85rem}.history-container .btn-continue{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:.5rem 1rem;transition:all .3s}.history-container .btn-continue:hover{box-shadow:0 4px 12px #10b9814d;transform:translateY(-2px)}@media (max-width:768px){.history-container .custom-topic-header{flex-direction:column}.history-container .custom-topic-stats{width:100%}.history-container .custom-topic-footer{align-items:stretch;flex-direction:column;gap:.75rem}.history-container .last-practiced{text-align:center}.history-container .btn-continue{text-align:center;width:100%}}.history-container .custom-topic-note{background:#fef3c7;border-radius:6px;color:#92400e;font-size:.85rem;margin-top:.75rem;padding:.5rem .75rem}.history-container .custom-topic-sessions{border-top:1px solid #e5e7eb;margin-top:1rem;padding-top:1rem}.history-container .no-sessions{color:#6b7280;font-style:italic;padding:1rem;text-align:center}.history-container .loading-inline{align-items:center;color:#6b7280;display:flex;gap:.75rem;justify-content:center;padding:1rem}.history-container .spinner-small{animation:spin 1s linear infinite;border:2px solid #e2e8f0;border-radius:50%;border-top-color:#667eea;height:20px;width:20px}.profile-container .dashboard-header{background:#fff;box-shadow:0 1px 3px #0000001a;position:-webkit-sticky;position:sticky;top:0;z-index:100}.profile-container .header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px;padding:1.5rem 2rem}.profile-container .dashboard-logo{color:#1a1a1a;font-size:2rem;font-weight:700;margin:0}.profile-container .logo-highlight{color:#4338ca}.profile-container .user-info{align-items:center;display:flex;gap:1.5rem}.profile-container .user-name{color:#374151;font-weight:600}.profile-container .btn-dashboard{background:linear-gradient(135deg,#312e81,#4338ca);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.5rem 1.25rem;transition:all .3s}.profile-container .btn-dashboard:hover{box-shadow:0 5px 15px #1e1b4b66;transform:translateY(-2px)}.profile-container .btn-history{background:#0000;border:2px solid #4338ca;border-radius:8px;color:#4338ca;cursor:pointer;font-weight:600;padding:.5rem 1.25rem;transition:all .3s}.profile-container .btn-history:hover{background:#4338ca;color:#fff}.profile-container .btn-custom-topics{background:linear-gradient(135deg,#34d399,#10b981);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.5rem 1.25rem;transition:all .3s}.profile-container .btn-custom-topics:hover{box-shadow:0 5px 15px #34d39966;transform:translateY(-2px)}.profile-container .btn-logout{background:#0000;border:2px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;font-weight:600;padding:.5rem 1.25rem;transition:all .3s}.profile-container .btn-logout:hover{border-color:#4f46e5;color:#4f46e5}.history-container .dashboard-header{background:#fff;box-shadow:0 1px 3px #0000001a;position:-webkit-sticky;position:sticky;top:0;z-index:100}.history-container .header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px;padding:1.5rem 2rem}.history-container .dashboard-logo{color:#1a1a1a;font-size:2rem;font-weight:700;margin:0}.history-container .logo-highlight{color:#4338ca}.history-container .user-info{align-items:center;display:flex;gap:1.5rem}.history-container .user-name{color:#374151;font-weight:600}.history-container .btn-dashboard{background:linear-gradient(135deg,#312e81,#4338ca);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.5rem 1.25rem;transition:all .3s}.history-container .btn-dashboard:hover{box-shadow:0 5px 15px #1e1b4b66;transform:translateY(-2px)}.history-container .btn-profile{background:#0000;border:2px solid #4338ca;border-radius:8px;color:#4338ca;cursor:pointer;font-weight:600;padding:.5rem 1.25rem;transition:all .3s}.history-container .btn-profile:hover{background:#4338ca;color:#fff}.history-container .btn-custom-topics{background:linear-gradient(135deg,#34d399,#10b981);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.5rem 1.25rem;transition:all .3s}.history-container .btn-custom-topics:hover{box-shadow:0 5px 15px #34d39966;transform:translateY(-2px)}.history-container .btn-logout{background:#0000;border:2px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;font-weight:600;padding:.5rem 1.25rem;transition:all .3s}.history-container .btn-logout:hover{border-color:#4f46e5;color:#4f46e5}.page-title-section{margin-bottom:2rem}.history-container .page-title-section h1,.profile-container .page-title-section h1{color:#1f2937;font-size:2rem;font-weight:700;margin-bottom:.5rem}.history-container .page-title-section p,.profile-container .page-title-section p{color:#4b5563;font-size:1.1rem}@media (max-width:768px){.history-container .header-content,.profile-container .header-content{flex-wrap:wrap;gap:.75rem;padding:1rem}.history-container .dashboard-logo,.profile-container .dashboard-logo{font-size:1.5rem}.history-container .user-info,.profile-container .user-info{gap:.5rem}.history-container .user-name,.profile-container .user-name{display:none}.history-container .btn-custom-topics,.history-container .btn-dashboard,.history-container .btn-logout,.history-container .btn-profile,.profile-container .btn-custom-topics,.profile-container .btn-dashboard,.profile-container .btn-history,.profile-container .btn-logout{font-size:.875rem;padding:.5rem .75rem}.page-title-section h1{font-size:1.5rem}.page-title-section p{font-size:.9rem}}@media (max-width:480px){.history-container .header-content,.profile-container .header-content{padding:.75rem}.history-container .dashboard-logo,.profile-container .dashboard-logo{font-size:1.25rem}.history-container .user-info,.profile-container .user-info{justify-content:flex-end;width:100%}.history-container .btn-custom-topics,.history-container .btn-dashboard,.history-container .btn-logout,.history-container .btn-profile,.profile-container .btn-custom-topics,.profile-container .btn-dashboard,.profile-container .btn-history,.profile-container .btn-logout{font-size:.8rem;padding:.375rem .625rem}.page-title-section h1{font-size:1.25rem}.page-title-section p{font-size:.85rem}}.profile-container{background:#f9fafb;min-height:100vh}.profile-main{max-width:1200px}.profile-title{color:#fff;font-size:2rem;margin:0 0 .5rem}.profile-subtitle{color:#64748b;font-size:1.1rem;margin:0}.profile-main{margin:0 auto;max-width:800px;padding:2rem}.profile-content{display:flex;flex-direction:column;gap:1.5rem}.profile-card{background:#fff;border-radius:16px;box-shadow:0 4px 20px #1e293b14;overflow:hidden}.card-header{align-items:center;background:linear-gradient(135deg,#312e81,#4338ca);color:#fff;display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.card-header h2{font-size:1.25rem;font-weight:600;margin:0}.btn-edit{background:#fff3;border:1px solid #ffffff4d;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;padding:.5rem 1rem;transition:all .2s}.btn-edit:hover{background:#ffffff4d}.card-body{padding:1.5rem}.info-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.info-item{display:flex;flex-direction:column;gap:.375rem}.info-label{color:#64748b;font-size:.8rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.info-value{color:#1e293b;font-size:1.1rem;font-weight:500}.info-value.role-badge{align-items:center;background:linear-gradient(135deg,#eef2ff,#e0e7ff);border-radius:20px;color:#4338ca;display:inline-flex;font-weight:600;gap:.375rem;padding:.375rem .75rem;width:-webkit-fit-content;width:fit-content}.interests-display{min-height:60px}.interests-tags{display:flex;flex-wrap:wrap;gap:.75rem}.interest-tag{align-items:center;background:linear-gradient(135deg,#eef2ff,#e0e7ff);border:1px solid #c7d2fe;border-radius:25px;color:#4338ca;display:inline-flex;font-size:.95rem;font-weight:600;gap:.5rem;padding:.625rem 1rem}.no-interests{color:#64748b;margin:0}.no-interests button{background:none;border:none;color:#4338ca;cursor:pointer;font-weight:600;margin-left:.25rem;padding:0;text-decoration:underline}.interests-editor{display:flex;flex-direction:column;gap:1.25rem}.editor-hint{color:#64748b;font-size:.95rem;margin:0}.categories-grid{display:flex;flex-wrap:wrap;gap:.75rem}.category-option{align-items:center;background:#f8fafc;border:2px solid #e2e8f0;border-radius:10px;cursor:pointer;display:inline-flex;flex-shrink:0;gap:.5rem;min-width:-webkit-fit-content;min-width:fit-content;padding:.75rem 1.25rem;position:relative;transition:all .2s}.category-option:hover{background:#eef2ff;border-color:#4338ca}.category-option.selected{background:linear-gradient(135deg,#eef2ff,#e0e7ff);border-color:#4338ca}.category-icon{font-size:1.25rem}.category-name{color:#334155;font-weight:500;white-space:nowrap}.check-icon{color:#4338ca;font-weight:700}.editor-actions{border-top:1px solid #e2e8f0;display:flex;gap:.75rem;justify-content:flex-end;padding-top:.5rem}.btn-cancel{background:#0000;border:2px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .2s}.btn-cancel:hover:not(:disabled){border-color:#94a3b8;color:#475569}.btn-save{background:linear-gradient(135deg,#312e81,#4338ca);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .2s}.btn-save:hover:not(:disabled){box-shadow:0 4px 12px #4338ca4d;transform:translateY(-2px)}.btn-cancel:disabled,.btn-save:disabled{cursor:not-allowed;opacity:.6}.message{border-radius:8px;font-weight:500;padding:.875rem 1rem}.message.success{background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46}.message.error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.loading-inline{align-items:center;color:#64748b;display:flex;gap:.75rem}.spinner-small{animation:spin 1s linear infinite;border:2px solid #e2e8f0;border-radius:50%;border-top-color:#4338ca;height:20px;width:20px}@media (max-width:768px){.card-header,.profile-main{padding:1rem}.card-header h2{font-size:1.1rem}.card-body{padding:1rem}.info-grid{gap:1rem;grid-template-columns:1fr}.categories-grid{justify-content:center}.category-option{font-size:.9rem;padding:.625rem 1rem}.category-icon{font-size:1.1rem}.editor-actions{flex-direction:column}.btn-cancel,.btn-save{width:100%}}.mode-selector-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.mode-selector-modal{animation:modalSlideIn .3s ease;background:#fff;border-radius:20px;max-height:90vh;max-width:800px;overflow-y:auto;position:relative;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;font-size:2rem;height:40px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all .2s;width:40px}.modal-close:hover{background:#f3f4f6;color:#1f2937}.modal-header{border-bottom:1px solid #e5e7eb;padding:2rem 2rem 1rem;text-align:center}.modal-header h2{color:#1f2937;font-size:1.5rem;margin:0 0 .5rem}.modal-header p{color:#6b7280;margin:0}.mode-options{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr);padding:2rem}.mode-card{border:2px solid #e5e7eb;border-radius:16px;cursor:pointer;display:flex;flex-direction:column;padding:1.5rem;transition:all .3s}.mode-card:hover{box-shadow:0 12px 24px #0000001a;transform:translateY(-4px)}.mode-card.practice:hover{border-color:#10b981}.mode-card.exam:hover{border-color:#667eea}.mode-icon{font-size:3rem;margin-bottom:1rem;text-align:center}.mode-card h3{color:#1f2937;font-size:1.25rem;margin:0 0 .5rem;text-align:center}.mode-description{color:#6b7280;font-size:.9rem;margin:0 0 1rem;text-align:center}.mode-features{flex-grow:1;list-style:none;margin:0 0 1.5rem;padding:0}.mode-features li{border-bottom:1px solid #f3f4f6;color:#4b5563;font-size:.9rem;padding:.5rem 0}.mode-features li:last-child{border-bottom:none}.btn-select-mode{border:none;border-radius:12px;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem;transition:all .3s;width:100%}.btn-select-mode.practice{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.btn-select-mode.practice:hover{background:linear-gradient(135deg,#059669,#047857)}.btn-select-mode.exam{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-select-mode.exam:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1)}.mode-note{color:#6b7280;font-size:.875rem;margin:0;padding:0 2rem 2rem;text-align:center}@media (max-width:640px){.mode-selector-overlay{align-items:flex-end;padding:.5rem}.mode-selector-modal{border-radius:16px 16px 0 0;max-height:95vh}.modal-close{font-size:1.5rem;height:36px;right:.75rem;top:.75rem;width:36px}.mode-options{gap:1rem;grid-template-columns:1fr;padding:1rem}.modal-header{padding:1.25rem 1rem 1rem}.modal-header h2{font-size:1.25rem;padding-right:2rem}.modal-header p{font-size:.9rem}.mode-card{border-radius:12px;padding:1.25rem}.mode-icon{font-size:2.5rem;margin-bottom:.75rem}.mode-card h3{font-size:1.1rem}.mode-description{font-size:.85rem;margin-bottom:.75rem}.mode-features{margin-bottom:1rem}.mode-features li{font-size:.85rem;padding:.375rem 0}.btn-select-mode{font-size:.95rem;padding:.875rem}.mode-note{font-size:.8rem;padding:0 1rem 1.25rem}}@media (max-width:480px){.mode-selector-modal{max-height:90vh}.mode-options{gap:.75rem;padding:.75rem}.mode-card{padding:1rem}.mode-icon{font-size:2rem}.mode-card h3{font-size:1rem}}.admin-login-container{align-items:center;background:linear-gradient(135deg,#1a1a2e,#16213e);display:flex;justify-content:center;min-height:100vh;padding:1rem}.admin-login-card{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:400px;padding:2.5rem;width:100%}.admin-login-header{margin-bottom:2rem;text-align:center}.admin-login-header h1{color:#1a1a1a;font-size:1.5rem;margin:0 0 .5rem}.admin-login-header p{font-size:1.25rem;font-weight:700;margin:0}.admin-login-header .logo-highlight{color:#6366f1}.admin-login-card .form-group{margin-bottom:1.25rem}.admin-login-card label{color:#374151;display:block;font-weight:500;margin-bottom:.5rem}.admin-login-card input{border:2px solid #e5e7eb;border-radius:8px;box-sizing:border-box;font-size:1rem;padding:.875rem;transition:border-color .3s;width:100%}.admin-login-card input:focus{border-color:#6366f1;outline:none}.error-message{background:#fef2f2;border-radius:8px;color:#dc2626;font-size:.9rem;margin-bottom:1rem;padding:.75rem;text-align:center}.btn-admin-login{background:linear-gradient(135deg,#312e81,#4338ca);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem;transition:transform .2s,box-shadow .2s;width:100%}.btn-admin-login:hover:not(:disabled){box-shadow:0 10px 25px #4338ca4d;transform:translateY(-2px)}.btn-admin-login:disabled{cursor:not-allowed;opacity:.7}.admin-note{color:#64748b;font-size:.85rem;margin-bottom:0;margin-top:1.5rem;text-align:center}.admin-login-card input:disabled{background:#f1f5f9;cursor:not-allowed}.admin-container{background:#f3f4f6;min-height:100vh}.admin-header{align-items:center;background:linear-gradient(135deg,#0f0a1e,#1e1b4b);color:#fff;display:flex;justify-content:space-between;padding:1rem 2rem}.admin-header h1{font-size:1.25rem;margin:0}.admin-header .logo-highlight{color:#a5b4fc}.btn-logout-admin{background:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .2s}.btn-logout-admin:hover{background:#fff3}.admin-main{margin:0 auto;max-width:1400px;padding:1.5rem}.stats-summary{display:flex;gap:1rem;margin-bottom:1.5rem}.stat-box{align-items:center;background:#fff;border-radius:10px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;min-width:120px;padding:1.25rem 1.5rem}.stat-number{color:#1e1b4b;font-size:2rem;font-weight:700}.stat-label{color:#6b7280;font-size:.85rem;margin-top:.25rem}.charts-section{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr);margin-bottom:1.5rem}.chart-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:1.25rem}.chart-card h3{color:#1a1a1a;font-size:1rem;margin:0 0 1rem}.no-data{color:#9ca3af;font-size:.9rem;padding:2rem;text-align:center}.bar-chart{display:flex;flex-direction:column;gap:.5rem}.bar-row{align-items:center;display:flex;gap:.75rem}.bar-label{color:#374151;flex-shrink:0;font-size:.8rem;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap;width:100px}.bar-container{background:#f3f4f6;border-radius:4px;flex:1 1;height:24px;overflow:hidden}.bar{align-items:center;background:linear-gradient(135deg,#1e1b4b,#4f46e5);border-radius:4px;display:flex;height:100%;justify-content:flex-end;min-width:30px;padding-right:.5rem;transition:width .3s ease}.bar.interest-bar{background:linear-gradient(135deg,#059669,#10b981)}.bar.practice-bar{background:linear-gradient(135deg,#0891b2,#06b6d4)}.bar.exam-bar{background:linear-gradient(135deg,#c026d3,#e879f9)}.bar-value{color:#fff;font-size:.75rem;font-weight:600}.admin-section{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.admin-section-header{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1rem 1.25rem}.admin-section-header h2{color:#1a1a1a;font-size:1rem;margin:0}.header-actions{gap:1rem}.filter-group,.header-actions{align-items:center;display:flex}.filter-group{gap:.5rem}.filter-group label{color:#6b7280;font-size:.85rem}.filter-group select{background:#fff;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;font-size:.85rem;padding:.4rem .75rem}.filter-group select:focus{border-color:#4f46e5;outline:none}.btn-refresh{align-items:center;background:#4f46e5;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:1rem;height:36px;justify-content:center;transition:all .2s;width:36px}.btn-refresh:hover:not(:disabled){background:#4338ca}.btn-refresh:disabled{cursor:not-allowed;opacity:.7}.loading-admin{color:#6b7280;padding:3rem;text-align:center}.empty-state{color:#9ca3af;padding:3rem}.table-wrapper{overflow-x:auto}.admin-table{border-collapse:collapse;font-size:.9rem;width:100%}.admin-table td,.admin-table th{border-bottom:1px solid #e5e7eb;padding:.75rem 1rem;text-align:left}.admin-table th{background:#f9fafb;color:#374151;font-size:.8rem;font-weight:600;text-transform:uppercase;white-space:nowrap}.admin-table td{color:#4b5563}.admin-table tr:hover td{background:#f9fafb}.cell-name{align-items:center;color:#1a1a1a;display:flex;font-weight:500;gap:.5rem}.user-avatar-small{font-size:1.25rem}.cell-email{color:#6b7280;font-size:.85rem}.cell-status{text-align:center}.status-yes{color:#059669}.status-no{color:#dc2626}.cell-date{color:#6b7280;font-size:.8rem;white-space:nowrap}.badge{border-radius:20px;display:inline-block;font-size:.75rem;font-weight:600;padding:.2rem .6rem}.badge-student{background:#dbeafe;color:#1d4ed8}.badge-professor{background:#fef3c7;color:#b45309}@media (max-width:1024px){.charts-section{grid-template-columns:1fr}}@media (max-width:768px){.admin-header{flex-direction:column;gap:1rem;padding:1rem}.admin-main{padding:1rem}.stats-summary{flex-wrap:wrap}.stat-box{flex:1 1;min-width:90px;padding:1rem}.stat-number{font-size:1.5rem}.admin-section-header{align-items:flex-start;flex-direction:column;gap:.75rem}.header-actions{justify-content:space-between;width:100%}.bar-label{font-size:.75rem;width:80px}.admin-table td,.admin-table th{font-size:.8rem;padding:.5rem .75rem}.cell-name{min-width:150px}}.terms-container{background:#f9fafb;min-height:100vh}.terms-header{background:linear-gradient(135deg,#0f0a1e,#1e1b4b 50%,#312e81);color:#fff;padding:2rem 5%;text-align:center}.terms-header h1{font-size:2.5rem;margin:1rem 0 .5rem}.last-updated{color:#a5b4fc;font-size:.9rem}.btn-back{background:#ffffff1a;border:1px solid #ffffff4d;font-size:.9rem;left:5%;padding:.5rem 1rem;position:absolute;top:2rem;transition:all .3s}.btn-back:hover{background:#fff3}.terms-content{margin:0 auto;max-width:900px;padding:3rem 2rem}.terms-section{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:1.5rem;padding:2rem}.terms-section h2{border-bottom:2px solid #e5e7eb;color:#1e1b4b;font-size:1.5rem;margin:0 0 1rem;padding-bottom:.75rem}.terms-section h3{color:#374151;font-size:1.1rem;margin:1.5rem 0 .75rem}.terms-section p,.terms-section ul{color:#4b5563;line-height:1.7;margin-bottom:1rem}.terms-section ul{padding-left:1.5rem}.terms-section li{margin-bottom:.75rem}.terms-section li strong{color:#1e1b4b}.important-section{background:linear-gradient(135deg,#fffbeb,#fef3c7);border:2px solid #f59e0b}.important-section h2{border-bottom-color:#f59e0b;color:#92400e}.highlight-text{background:#fef3c7;border-left:4px solid #f59e0b;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.highlight-text strong{color:#92400e}.disclaimer-box{background:linear-gradient(135deg,#eef2ff,#e0e7ff);border:2px solid #4f46e5}.disclaimer-box h2{border-bottom-color:#4f46e5;color:#1e1b4b}.disclaimer-box p{color:#1e1b4b}.terms-footer{background:#fff;border-top:1px solid #e5e7eb;padding:2rem;text-align:center}.btn-back-bottom{background:linear-gradient(135deg,#1e1b4b,#4f46e5);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem 2rem;transition:all .3s}.btn-back-bottom:hover{box-shadow:0 10px 25px #1e1b4b4d;transform:translateY(-2px)}@media (max-width:768px){.terms-header{padding:1.5rem 1rem;position:relative}.terms-header h1{font-size:1.75rem;margin-top:2.5rem}.btn-back{left:auto;margin-bottom:1rem;position:relative;top:auto}.terms-content{padding:1.5rem 1rem}.terms-section{margin-bottom:1rem;padding:1.5rem}.terms-section h2{font-size:1.25rem}.terms-section h3{font-size:1rem}.terms-section p,.terms-section ul{font-size:.95rem}}.custom-topics-page{background:linear-gradient(135deg,#0f0c29,#1a1a2e 50%,#16213e);min-height:100vh}.custom-topics-page .dashboard-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border-bottom:1px solid #ffffff1a;padding:1rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.custom-topics-page .header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px}.custom-topics-page .dashboard-logo{color:#fff;font-size:1.75rem;font-weight:700;margin:0}.custom-topics-page .logo-highlight{color:#34d399}.custom-topics-page .user-info{align-items:center;display:flex;gap:.75rem}.custom-topics-page .user-name{color:#c7d2fe;font-weight:500;margin-right:.5rem}.custom-topics-page .btn-dashboard,.custom-topics-page .btn-history,.custom-topics-page .btn-profile{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .2s}.custom-topics-page .btn-dashboard:hover,.custom-topics-page .btn-history:hover,.custom-topics-page .btn-profile:hover{background:#fff3}.custom-topics-page .btn-dashboard{background:linear-gradient(135deg,#4f46e5,#6366f1);border:none}.custom-topics-page .btn-logout{background:#ef444433;border:1px solid #ef44444d;border-radius:8px;color:#fca5a5;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .2s}.custom-topics-page .btn-logout:hover{background:#ef44444d}.custom-topics-main{margin:0 auto;max-width:1400px;padding:2rem}.custom-topics-content{width:100%}.section-header{margin-bottom:2rem}.section-title-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.section-header h2{color:#fff;font-size:1.75rem;margin:0}.section-header p{color:#a5b4fc;margin:0}.btn-create{background:linear-gradient(135deg,#34d399,#10b981);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .2s}.btn-create:hover{box-shadow:0 4px 15px #34d39966;transform:translateY(-2px)}.loading-state .spinner{animation:spin 1s linear infinite;border:4px solid #ffffff1a;border-radius:50%;border-top-color:#34d399;height:50px;margin:0 auto 1rem;width:50px}@keyframes spin{to{transform:rotate(1turn)}}.loading-state p{color:#a5b4fc;font-size:1.1rem}.empty-state{background:#ffffff0d;border-radius:16px;margin:2rem auto;max-width:500px;padding:4rem 2rem;text-align:center}.empty-icon{font-size:4rem;margin-bottom:1rem}.empty-state h3{color:#fff;margin-bottom:.5rem}.empty-state p{color:#a5b4fc;margin-bottom:1.5rem}.topics-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.topic-card{background:#ffffff14;border:1px solid #ffffff1a;border-radius:16px;padding:1.5rem;transition:all .3s}.topic-card:hover{border-color:#34d3994d;box-shadow:0 8px 30px #0000004d;transform:translateY(-4px)}.topic-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:.75rem}.topic-card-header h3{color:#fff;font-size:1.25rem;margin:0}.btn-delete-small{background:#0000;border:none;cursor:pointer;font-size:1rem;opacity:.5;transition:opacity .2s}.btn-delete-small:hover{opacity:1}.topic-description{color:#a5b4fc;font-size:.9rem;line-height:1.4;margin-bottom:1rem}.topic-meta{color:#6b7280;display:flex;font-size:.85rem;gap:1rem;margin-bottom:.5rem}.topic-last-practice{color:#34d399;font-size:.8rem;margin-bottom:1rem}.topic-actions{display:flex;gap:.75rem;margin-top:1rem}.topic-actions .btn-secondary{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;padding:.6rem;transition:all .2s}.topic-actions .btn-secondary:hover{background:#fff3}.topic-actions .btn-primary{background:linear-gradient(135deg,#34d399,#10b981);border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-weight:600;padding:.6rem;transition:all .2s}.topic-actions .btn-primary:disabled{cursor:not-allowed;opacity:.5}.btn-primary{transition:all .2s}.btn-primary:hover:not(:disabled){box-shadow:0 4px 15px #34d39966;transform:translateY(-2px)}.btn-primary:disabled{cursor:not-allowed;opacity:.5}.btn-secondary{transition:all .2s}.btn-secondary:hover{background:#fff3}.modal-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:linear-gradient(135deg,#1e1b4b,#312e81);border-radius:16px;max-height:90vh;max-width:500px;overflow-y:auto;padding:2rem;width:100%}.modal-content.modal-large{max-width:700px}.modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.modal-header h2{color:#fff;margin:0}.btn-close{background:#0000;border:none;color:#fff;cursor:pointer;font-size:1.5rem;opacity:.7}.btn-close:hover{opacity:1}.modal-content h2{color:#fff;margin-bottom:1.5rem}.form-group{margin-bottom:1.25rem}.form-group label{color:#c7d2fe;display:block;font-size:.9rem;margin-bottom:.5rem}.form-group input,.form-group textarea{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;box-sizing:border-box;color:#fff;font-size:1rem;padding:.75rem;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#34d399;outline:none}.form-group textarea{min-height:80px;resize:vertical}.modal-actions{display:flex;gap:1rem;margin-top:1.5rem}.modal-actions .btn-primary,.modal-actions .btn-secondary{border-radius:8px;cursor:pointer;flex:1 1;font-weight:600;padding:.75rem;transition:all .2s}.btn-large{font-size:1.1rem;padding:1rem!important}.documents-section{margin:1.5rem 0}.documents-section h3{color:#fff;font-size:1rem;margin-bottom:1rem}.documents-list{margin-bottom:1rem}.document-item{align-items:center;background:#ffffff0d;border-radius:8px;display:flex;gap:.75rem;margin-bottom:.5rem;padding:.75rem}.document-item.uploading{opacity:.7}.doc-icon{font-size:1.25rem}.doc-name{color:#fff;flex:1 1;font-size:.9rem}.doc-date{color:#6b7280;font-size:.8rem}.upload-progress{background:#ffffff1a;border-radius:2px;height:4px;overflow:hidden;width:100px}.progress-bar{background:#34d399;height:100%;transition:width .3s}.upload-area{border:2px dashed #fff3;border-radius:12px;cursor:pointer;display:block;padding:2rem;text-align:center;transition:all .2s}.upload-area:hover{background:#34d3990d;border-color:#34d399}.upload-content{align-items:center;display:flex;flex-direction:column;gap:.5rem}.upload-icon{font-size:2rem}.upload-content span{color:#a5b4fc}.upload-hint{color:#6b7280!important;font-size:.8rem}.topic-detail-description{color:#a5b4fc;line-height:1.5;margin-bottom:1.5rem}@media (max-width:768px){.custom-topics-page .header-content{flex-direction:column;gap:1rem}.custom-topics-page .user-info{flex-wrap:wrap;justify-content:center}.custom-topics-page .user-name{margin-bottom:.5rem;text-align:center;width:100%}.custom-topics-main{padding:1rem}.section-title-row{align-items:stretch;flex-direction:column;gap:1rem}.section-header h2{font-size:1.5rem;text-align:center}.btn-create{width:100%}.topics-grid{grid-template-columns:1fr}.modal-content{padding:1.5rem}}.custom-practice-container{background:linear-gradient(135deg,#0f0c29,#1a1a2e 50%,#16213e);min-height:100vh}.practice-header{align-items:center;background:#0003;border-bottom:1px solid #ffffff1a;display:flex;gap:1rem;justify-content:space-between;padding:1rem 1.5rem}.practice-info{flex:1 1;min-width:0;text-align:center}.practice-info h2{color:#fff;font-size:1.1rem;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.question-counter{color:#a5b4fc;display:block;font-size:.85rem;margin-top:.25rem}.practice-stats{align-items:center;background:#ffffff1a;border-radius:8px;display:flex;flex-shrink:0;font-size:1.1rem;font-weight:600;gap:.25rem;padding:.5rem 1rem}.stat-correct{color:#34d399}.stat-total{color:#6b7280}.loading-state{padding:4rem 2rem;text-align:center}.loading-spinner-large{animation:pulse 1.5s ease-in-out infinite;font-size:4rem}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.loading-state p{color:#fff;font-size:1.25rem;margin-top:1rem}.loading-hint{color:#a5b4fc!important;font-size:.9rem!important}.error-state{margin:0 auto;max-width:400px;padding:4rem 2rem;text-align:center}.error-icon{font-size:3rem;margin-bottom:1rem}.error-state h2{color:#fff;margin-bottom:.5rem}.error-state p{color:#a5b4fc;margin-bottom:1.5rem}.error-actions{display:flex;gap:1rem;justify-content:center}.practice-content{margin:0 auto;max-width:800px;padding:1.5rem}.question-card{background:#ffffff14;border:1px solid #ffffff1a;border-radius:16px;padding:2rem}.question-text{color:#fff;font-size:1.2rem;line-height:1.6;margin-bottom:2rem}.options-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.option-btn{align-items:flex-start;background:#ffffff0d;border:2px solid #ffffff1a;border-radius:12px;cursor:pointer;display:flex;gap:1rem;padding:1rem 1.25rem;text-align:left;transition:all .2s}.option-btn:hover:not(:disabled){background:#ffffff1a;border-color:#fff3}.option-btn.selected{background:#6366f133;border-color:#6366f1}.option-btn.correct{background:#34d39933;border-color:#34d399}.option-btn.incorrect{background:#ef444433;border-color:#ef4444}.option-btn:disabled{cursor:default}.option-letter{align-items:center;background:#ffffff1a;border-radius:8px;color:#fff;display:flex;flex-shrink:0;font-weight:600;height:32px;justify-content:center;width:32px}.option-btn.selected .option-letter{background:#6366f1}.option-btn.correct .option-letter{background:#34d399}.option-btn.incorrect .option-letter{background:#ef4444}.option-text{color:#fff;line-height:1.5;padding-top:4px}.btn-back{background:linear-gradient(135deg,#4f46e5,#6366f1);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:.6rem 1.25rem;transition:all .2s}.btn-back:hover{box-shadow:0 4px 15px #6366f166;transform:translateY(-2px)}.btn-submit{background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:1rem;transition:all .2s;width:100%}.btn-submit:hover:not(:disabled){box-shadow:0 4px 15px #6366f166;transform:translateY(-2px)}.btn-submit:disabled{cursor:not-allowed;opacity:.5}.btn-next{background:linear-gradient(135deg,#34d399,#10b981);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin-top:1.5rem;padding:1rem;transition:all .2s;width:100%}.btn-next:hover{box-shadow:0 4px 15px #34d39966;transform:translateY(-2px)}.btn-secondary{background:#ffffff1a;border:1px solid #fff3;border-radius:8px}.btn-primary,.btn-secondary{color:#fff;cursor:pointer;padding:.75rem 1.5rem}.btn-primary{background:linear-gradient(135deg,#34d399,#10b981);border:none;border-radius:8px;font-weight:600}.result-section{margin-top:1.5rem}.result-banner{border-radius:12px;font-size:1.1rem;font-weight:600;margin-bottom:1.5rem;padding:1rem;text-align:center}.result-banner.correct{background:#34d39933;border:1px solid #34d3994d;color:#34d399}.result-banner.incorrect{background:#ef444433;border:1px solid #ef44444d;color:#ef4444}.explanation-section{background:#ffffff0d;border-radius:12px;padding:1.5rem}.explanation-section h4{color:#fff;font-size:1rem;margin:0 0 .75rem}.explanation-section>p{color:#c7d2fe;line-height:1.6;margin-bottom:1rem}.option-explanations{border-top:1px solid #ffffff1a;display:flex;flex-direction:column;gap:.5rem;margin-top:1rem;padding-top:1rem}.option-exp{background:#ffffff08;border-radius:6px;color:#a5b4fc;font-size:.9rem;padding:.5rem}.option-exp.correct{background:#34d3991a;color:#34d399}.option-exp strong{color:#fff}@media (max-width:768px){.practice-header{flex-wrap:nowrap;padding:.75rem 1rem}.practice-header .btn-back{font-size:.85rem;padding:.5rem .75rem}.practice-info h2{font-size:.95rem}.question-counter{font-size:.8rem}.practice-stats{font-size:.95rem;padding:.4rem .75rem}.practice-content{padding:1rem}.question-card{padding:1.25rem}.question-text{font-size:1rem}.option-btn{padding:.875rem 1rem}}@media (max-width:480px){.practice-header{gap:.5rem}.practice-header .btn-back{font-size:.8rem;padding:.4rem .6rem}.practice-info h2,.practice-stats{font-size:.85rem}.practice-stats{padding:.35rem .5rem}}
/*# sourceMappingURL=main.d6cd4ebb.css.map*/