:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;color:#2d3748}#root{width:100%;min-height:100vh}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-orange: #8B7355;--primary-orange-hover: #6D5A43;--text-dark: #333333;--text-gray: #666666;--text-light: #999999;--bg-white: #FFFFFF;--bg-light: #FAFAFA;--border-light: #E8E8E8;--success-green: #4CAF50;--error-red: #E53935;--blank-gray: #9E9E9E}html,body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;background:var(--bg-light);color:var(--text-dark);overflow-y:scroll!important;overflow-x:hidden!important;scrollbar-width:auto;scrollbar-color:#8B7355 #e0e0e0;max-width:100vw;box-sizing:border-box}*,*:before,*:after{box-sizing:border-box}html::-webkit-scrollbar,body::-webkit-scrollbar{width:12px!important;display:block!important}html::-webkit-scrollbar-track,body::-webkit-scrollbar-track{background:#e0e0e0;border-radius:6px}html::-webkit-scrollbar-thumb,body::-webkit-scrollbar-thumb{background:#8b7355;border-radius:6px;border:2px solid #e0e0e0}html::-webkit-scrollbar-thumb:hover,body::-webkit-scrollbar-thumb:hover{background:#6d5a43}#root{overflow:visible}.app-container{min-height:auto;background:var(--bg-light)}.screen{min-height:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;padding-bottom:100px}.home-screen{background:#fff}.home-icon{margin-bottom:.75rem;animation:float 3s ease-in-out infinite}.home-logo-circle{width:100px;height:100px;background-color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:20px;box-shadow:0 4px 12px #00000026}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.home-screen h1,.home-screen .home-title{font-size:1.4rem;color:var(--text-dark);margin-bottom:.25rem;text-align:center;font-weight:600}.subtitle{font-size:.85rem;color:var(--text-light);margin-bottom:1.25rem;text-align:center}@media(max-width:768px){.home-logo-circle{width:70px;height:70px;padding:14px}.home-icon{margin-bottom:.5rem}.home-screen h1,.home-screen .home-title{font-size:1.15rem;margin-bottom:.2rem}.subtitle{font-size:.8rem;margin-bottom:1rem}}.teachable-welcome{background:var(--bg-light);color:var(--text-dark);padding:1rem 1.5rem;border-radius:8px;margin:1.5rem 0;font-weight:500;text-align:center;border:1px solid var(--border-light);width:100%;max-width:400px}.teachable-welcome small{color:var(--text-light);font-weight:400;font-size:.85rem}.home-buttons{display:flex;flex-direction:column;gap:.75rem;width:100%;max-width:400px}.user-position-card{width:100%;max-width:700px;background:#fff;border-radius:12px;padding:1.25rem;box-shadow:0 2px 8px #00000014;margin-bottom:1rem;border-left:4px solid var(--primary-orange)}.user-position-header{display:flex;align-items:center;gap:.5rem;font-weight:600;color:var(--text-dark);margin-bottom:.75rem;font-size:.95rem}.user-position-icon{width:20px;height:20px;color:var(--primary-orange)}.user-position-content{display:flex;align-items:baseline;gap:.5rem;flex-wrap:wrap}.user-position-number{font-size:2rem;font-weight:700;color:var(--primary-orange)}.user-position-detail{font-size:.9rem;color:var(--text-gray)}.user-position-content.not-qualified{flex-direction:column;gap:.25rem}.user-position-status{font-size:1.1rem;font-weight:600;color:var(--text-gray)}.user-position-reason{font-size:.85rem;color:var(--text-light);line-height:1.4}.leaderboard-requirement{font-size:.8rem;color:var(--text-light);text-align:center;margin-bottom:1rem;font-style:italic}.leaderboard-section{width:100%;max-width:950px;margin-top:1rem;background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #00000014}.leaderboard-title{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:1.3rem;color:#333;margin-bottom:1rem;font-weight:600}.leaderboard-icon{font-size:1.5rem}.leaderboard-table-wrapper{overflow-x:auto}.leaderboard-table{width:100%;border-collapse:collapse;font-size:.9rem}.leaderboard-table thead{background:#f8f9fa}.leaderboard-table th{padding:.75rem .5rem;text-align:center;font-weight:600;color:#666;font-size:.8rem;text-transform:uppercase;border-bottom:2px solid #e9ecef}.leaderboard-table th.user-col{text-align:left;padding-left:1rem}.leaderboard-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s ease;position:relative}.leaderboard-table th.sortable:hover{background-color:#e9ecef}.sort-icon{font-size:.65rem;margin-left:4px;opacity:.3;transition:opacity .2s ease}.sort-icon.active{opacity:1;color:var(--primary-orange)}.leaderboard-table th.sortable:hover .sort-icon{opacity:.6}.leaderboard-table td{padding:.75rem .5rem;text-align:center;border-bottom:1px solid #f0f0f0}.leaderboard-table tbody tr:hover{background:#fafafa}.leaderboard-table tbody tr.top-1{background:linear-gradient(90deg,#f5f0eb,#fff)}.leaderboard-table tbody tr.top-2{background:linear-gradient(90deg,#f5f5f5,#fff)}.leaderboard-table tbody tr.top-3{background:linear-gradient(90deg,#fff5f0,#fff)}.rank-cell{font-weight:700;color:#333;width:40px}.medal{font-size:1.2rem}.medal-icon{width:24px;height:24px;display:inline-block}.medal-icon.gold{color:gold;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2))}.medal-icon.silver{color:silver;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2))}.medal-icon.bronze{color:#cd7f32;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2))}.user-position-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:.75rem;margin-top:1rem;padding-top:1rem;border-top:1px solid #eee}.user-stat{display:flex;flex-direction:column;align-items:center;text-align:center}.user-stat-value{font-size:1.1rem;font-weight:700;color:var(--primary-orange)}.user-stat-label{font-size:.7rem;color:var(--text-gray);text-transform:uppercase;margin-top:.25rem}@media(max-width:480px){.user-position-stats{grid-template-columns:repeat(3,1fr);gap:.5rem}.user-stat-value{font-size:.95rem}.user-stat-label{font-size:.6rem}}.user-cell{text-align:left!important;padding-left:1rem!important;font-weight:500;color:#333;min-width:140px;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.category-cell{font-size:.8rem;color:#555;min-width:120px;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.category-col{font-size:.8rem;min-width:120px}.tests-cell{color:#666}.correct-cell{color:#4caf50;font-weight:600}.incorrect-cell{color:#e53935;font-weight:600}.score-cell{font-weight:700;color:var(--primary-orange)}.questions-cell{color:#666;font-weight:500}.avg-score-cell{color:#666}.wilson-cell{font-weight:700;color:var(--primary-orange);background:#8b735514}.show-more-button{display:block;width:100%;padding:.75rem 1rem;margin-top:1rem;background:transparent;border:1px dashed var(--primary-orange);border-radius:8px;color:var(--primary-orange);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.show-more-button:hover{background:#8b73551a;border-style:solid}.trend-cell{width:100px}.trend-dots{display:flex;justify-content:center;gap:4px}.trend-dot{width:16px;height:16px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center}.trend-dot.correct{background:#4caf50}.trend-dot.correct:after{content:"✓";color:#fff;font-size:10px;font-weight:700}.trend-dot.incorrect{background:#e53935}.trend-dot.incorrect:after{content:"✗";color:#fff;font-size:10px;font-weight:700}.trend-dot.neutral{background:#9e9e9e}.trend-dot.neutral:after{content:"−";color:#fff;font-size:10px;font-weight:700}.no-data-text{text-align:center;color:#999;padding:2rem}@media(max-width:600px){.leaderboard-table{font-size:.8rem}.leaderboard-table th,.leaderboard-table td{padding:.5rem .25rem}.user-cell{max-width:80px}.trend-dot{width:12px;height:12px}.trend-dot:after{font-size:8px!important}}.primary-button{background:var(--primary-orange);color:#fff;border:none;padding:.875rem 2rem;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.primary-button:hover{background:var(--primary-orange-hover);transform:translateY(-1px);box-shadow:0 4px 12px #8b73554d}.primary-button:disabled{opacity:.5;cursor:not-allowed}.secondary-button{background:#fff;color:var(--text-dark);border:1px solid var(--border-light);padding:.875rem 2rem;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s}.secondary-button:hover{background:var(--bg-light);border-color:var(--text-light)}.secondary-button.icon-button{display:flex;align-items:center;justify-content:flex-start;gap:1rem;padding-left:1.5rem;text-align:left}.button-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;min-width:36px;min-height:36px;background:#e8f4fd;border-radius:50%;color:#6b8aff;flex-shrink:0}.button-icon svg{width:18px;height:18px}.leaderboard-screen{background:var(--bg-light);padding:2rem;padding-bottom:120px;min-height:auto;max-width:1000px;width:100%;margin:0 auto}.leaderboard-screen .section-title{justify-content:center;font-size:1.5rem;margin-bottom:1.5rem}.leaderboard-screen .leaderboard-section{margin-top:0;margin-bottom:2rem}.leaderboard-screen .primary-button{display:block;margin:0 auto;max-width:300px}.select-screen{background:#fff;max-width:95%;width:100%;border-radius:12px;box-shadow:0 4px 20px #0000001a;padding:2rem;margin:0 auto}@media(min-width:1024px){.select-screen{max-width:1200px}}.select-screen h2{font-size:1.8rem;color:#333;margin-bottom:2rem}.question-counter-container{width:100%;max-width:500px;margin:2rem auto;text-align:center}.question-counter-label{font-size:1rem;color:var(--text-gray);margin-bottom:1.5rem}.question-counter{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin-bottom:1.5rem}.counter-btn{width:44px;height:44px;border-radius:50%;border:none;background:transparent;color:var(--text-gray);font-size:2rem;font-weight:300;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.counter-btn:hover:not(:disabled){color:var(--primary-orange)}.counter-btn:disabled{opacity:.3;cursor:not-allowed}.counter-value{font-size:3rem;font-weight:400;color:var(--text-dark);min-width:80px;border-bottom:2px solid var(--border-light);padding-bottom:.25rem}.slider-modern{width:100%;height:4px;border-radius:2px;background:var(--border-light);outline:none;-webkit-appearance:none;margin-top:.5rem}.slider-modern::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--primary-orange);cursor:pointer;box-shadow:0 2px 6px #8b735566}.slider-modern::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--primary-orange);cursor:pointer;border:none;box-shadow:0 2px 6px #8b735566}.slider-container{width:100%;margin:2rem 0}.slider-value{text-align:center;font-size:2rem;font-weight:700;color:var(--primary-orange);margin-bottom:1.5rem}.slider{width:100%;height:6px;border-radius:5px;background:#e0e0e0;outline:none;-webkit-appearance:none}.slider::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:var(--primary-orange);cursor:pointer}.slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--primary-orange);cursor:pointer;border:none}.slider-labels{display:flex;justify-content:space-between;margin-top:.5rem;color:#999}.test-type-container{width:100%;margin:2rem 0}.test-type-container h3{font-size:1.2rem;color:#333;margin-bottom:1rem}.test-type-options{display:flex;gap:1rem}.test-type-button{flex:1;padding:1rem;border:2px solid #e0e0e0;border-radius:8px;background:#fff;color:#666;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.test-type-button:hover{border-color:#9b7653;background:#f5f0eb}.test-type-button.active{background:#fff;border-color:#9b7653;border-width:2px;color:#9b7653;font-weight:700}.review-modes-title{margin-top:1.5rem;margin-bottom:.75rem;font-size:1rem;color:#666;font-weight:500}.review-options{margin-top:0}.category-selection{width:100%;margin:2rem 0;max-height:450px;overflow-y:auto;border:1px solid var(--border-light);border-radius:8px;background:#fff}.category-selection h3{font-size:1rem;color:var(--text-gray);margin-bottom:0;padding:1rem;position:sticky;top:0;background:#fff;z-index:1;border-bottom:1px solid var(--border-light)}.category-block{border-bottom:1px solid var(--border-light)}.category-block:last-child{border-bottom:none}.category-checkbox{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-weight:500;color:var(--text-dark);padding:1rem;transition:background .2s}.category-checkbox:hover{background:var(--bg-light)}.category-checkbox input[type=checkbox]{display:none}.category-checkbox:before{content:"";width:12px;height:12px;border-radius:3px;background:var(--primary-orange);flex-shrink:0}.category-name{font-size:1rem;color:var(--text-dark)}.temas-list{padding:.5rem 1rem 1rem 2.5rem;display:flex;flex-direction:column;gap:0}.tema-checkbox{display:flex;align-items:center;gap:.75rem;padding:.75rem 0;background:transparent;border:none;border-bottom:1px solid var(--border-light);cursor:pointer;transition:all .2s;font-size:.95rem}.tema-checkbox:last-child{border-bottom:none}.tema-checkbox:hover{background:transparent}.tema-checkbox input[type=checkbox]{display:none}.tema-checkbox:before{content:"";width:10px;height:10px;border-radius:2px;background:var(--primary-orange);flex-shrink:0}.tema-checkbox input[type=checkbox]:checked+.tema-name{font-weight:600;color:var(--text-dark)}.tema-name{color:var(--text-dark)}.category-selection-new{width:100%;margin:2rem 0;max-height:500px;overflow-y:auto;border:1px solid var(--primary-orange);border-radius:8px;background:#fff}.category-selection-new h3{font-size:.75rem;color:var(--text-light);text-transform:uppercase;letter-spacing:.5px;padding:.75rem 1rem;margin:0;background:#fff}.category-search-container{position:relative;padding:.75rem 1rem;background:#fff;border-bottom:1px solid var(--border-light)}.category-search-container.standalone{background:transparent;border:none;padding:0;margin-bottom:1.5rem;width:100%;max-width:100%;display:block}.category-search-container.standalone.loading{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1.1rem 2rem;background:#fff;border:2px solid var(--border-light);border-radius:16px;box-shadow:0 4px 16px #00000014}.category-search-container.standalone .search-icon{position:absolute;left:1.25rem;top:50%;transform:translateY(-50%);width:22px;height:22px;color:var(--primary-orange);pointer-events:none;z-index:1}.category-search-container.standalone .category-search-input{width:100%;padding:1.1rem 3.5rem;font-size:1.1rem;border:2px solid var(--border-light);border-radius:16px;background:#fff;box-shadow:0 4px 16px #00000014;transition:all .25s ease}.category-search-container.standalone .category-search-input::placeholder{color:#999;font-weight:400}.category-search-container.standalone .category-search-input:focus{border-color:var(--primary-orange);box-shadow:0 4px 20px #9b765333;outline:none}.category-search-container.standalone .category-search-input:focus+.search-icon,.category-search-container.standalone:focus-within .search-icon{color:var(--primary-orange)}.category-search-container.standalone .category-search-clear{right:1.25rem;font-size:1.5rem;color:#999;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.category-search-container.standalone .category-search-clear:hover{background:var(--bg-light);color:var(--text-dark)}.category-search-input{width:100%;padding:.75rem 2.5rem .75rem 1rem;border:1px solid var(--border-light);border-radius:8px;font-size:.95rem;background:var(--bg-light);color:var(--text-dark);transition:border-color .2s,box-shadow .2s}.category-search-input:focus{outline:none;border-color:var(--primary-orange);box-shadow:0 0 0 3px #9b76531a}.category-search-input::placeholder{color:var(--text-light)}.category-search-clear{position:absolute;right:1.5rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-light);font-size:1.5rem;cursor:pointer;padding:.25rem;line-height:1;transition:color .2s}.category-search-clear:hover{color:var(--text-dark)}.loading-accordion{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.5rem 1rem;gap:1.25rem}.loading-accordion .loading-dots{display:flex;gap:.5rem;align-items:center}.loading-accordion .loading-dot{width:10px;height:10px;background-color:var(--primary-orange);border-radius:50%;animation:loadingPulse 1.4s ease-in-out infinite}.loading-accordion .loading-dot:nth-child(1){animation-delay:0s}.loading-accordion .loading-dot:nth-child(2){animation-delay:.2s}.loading-accordion .loading-dot:nth-child(3){animation-delay:.4s}@keyframes loadingPulse{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}.loading-accordion span{font-size:.9rem;font-weight:500;color:var(--text-medium)}.accordion-group{border-bottom:1px solid var(--border-light)}.accordion-group:last-child{border-bottom:none}.accordion-header{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#fff;color:var(--text-dark);cursor:pointer;transition:all .2s;font-weight:500;font-size:1rem}.accordion-header:hover{background:var(--bg-light)}.accordion-header.expanded{background:#fff}.accordion-indicator{width:12px;height:12px;border-radius:3px;flex-shrink:0}.accordion-group:nth-child(8n+1) .accordion-indicator{background:#c4a982}.accordion-group:nth-child(8n+2) .accordion-indicator{background:#87ceeb}.accordion-group:nth-child(8n+3) .accordion-indicator{background:#98d8c8}.accordion-group:nth-child(8n+4) .accordion-indicator{background:plum}.accordion-group:nth-child(8n+5) .accordion-indicator{background:#d4c4a8}.accordion-group:nth-child(8n+6) .accordion-indicator{background:#ffb6c1}.accordion-group:nth-child(8n+7) .accordion-indicator{background:#b0c4de}.accordion-group:nth-child(8n) .accordion-indicator{background:#deb887}.accordion-header:before{content:"";width:12px;height:12px;border-radius:3px;background:var(--primary-orange);flex-shrink:0}.accordion-header:has(.accordion-indicator):before{display:none}.accordion-icon{font-size:.9rem;transition:transform .3s;display:inline-block;width:20px}.accordion-arrow{color:var(--text-light);font-size:.85rem;margin-left:auto}.accordion-title{flex:1}.accordion-header.sub-level{font-size:.95rem}.accordion-indicator.sub{width:10px;height:10px}.accordion-content{background:#f2ebe3;padding:.5rem}.accordion-subgroup{margin:.5rem 0;border-radius:6px;overflow:hidden;background:#fff}.accordion-subheader{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#e8ded0;color:#333;cursor:pointer;transition:all .2s;font-weight:600}.accordion-subheader:hover,.accordion-subheader.expanded{background:#ddc9b8}.accordion-subtitle{flex:1;font-size:1rem}.accordion-items{padding:1rem;display:flex;flex-direction:column;gap:.75rem;background:#fff}.tema-item{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#f9f9f9;border:1px solid #e0e0e0;border-radius:6px;cursor:pointer;transition:all .2s;font-size:.9rem;width:100%;box-sizing:border-box}.tema-item:hover{background:#f2ebe3;border-color:#9b7653}.tema-item input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:#9B7653}.tema-item input[type=checkbox]:checked~span{font-weight:600;color:#9b7653}.button-group{display:flex;gap:1rem;margin-top:2rem;margin-bottom:2rem;padding-bottom:20px}.loading-screen{background:#fff}.loading-spinner{width:50px;height:50px;border:4px solid #f0f0f0;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.loading-text{color:#666;font-size:1.1rem}.question-checkbox-item{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem 1rem;background:#f9f9f9;border-radius:6px;cursor:pointer;transition:background .2s}.question-checkbox-item:hover{background:#f0f0f0}.question-checkbox-item input[type=checkbox]{margin-top:2px;flex-shrink:0}.question-preview{font-size:.9rem;color:#555;line-height:1.4}.select-all-container{padding:1rem;background:#f5f5f5;border-radius:8px;margin-bottom:1rem}.select-all-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-weight:600;color:#333}.selected-count{text-align:center;color:var(--primary-orange);font-weight:600;margin-top:1rem;padding:.75rem;background:#f5f0eb;border-radius:6px}.no-questions-text{text-align:center;color:#4caf50;font-size:1.1rem;padding:2rem}.accordion-header input[type=checkbox]{flex-shrink:0;width:18px;height:18px;cursor:pointer}.error-message{background:#fee;border:1px solid #fcc;border-radius:6px;padding:1rem;margin-bottom:1rem;color:#c33}.test-container{min-height:auto;background:#f9f9f9;display:flex;flex-direction:column}.test-header{position:sticky;top:0;z-index:100;background:#fff;box-shadow:0 2px 8px #0000001a;padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between;gap:2rem}.header-left{flex:0 0 auto}.exit-button{background:transparent;border:1px solid #ddd;padding:.5rem 1rem;border-radius:6px;font-size:.95rem;color:#666;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s}.exit-button:hover{background:#f5f5f5;color:#333}.exit-icon{font-size:1.2rem}.header-center{flex:1;display:flex;flex-direction:column;gap:.5rem}.progress-indicator{text-align:center;font-size:.9rem;color:#666}.answered-count{font-weight:700;color:#333;font-size:1.1rem}.total-count{color:#999}.progress-bar-horizontal{width:100%;height:6px;background:#e0e0e0;border-radius:10px;overflow:hidden}.progress-fill-horizontal{height:100%;background:linear-gradient(90deg,#6d5a43,#8b7355);transition:width .3s ease}.header-right{flex:0 0 auto;display:flex;align-items:center;gap:1rem}.timer{font-size:1.1rem;font-weight:600;color:#333;min-width:60px;text-align:center}.pause-button{background:transparent;border:1px solid #ddd;width:36px;height:36px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.pause-button:hover{background:#f5f5f5}.finish-button{background:var(--primary-orange);color:#fff;border:none;padding:.6rem 1.5rem;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.finish-button:hover{background:var(--primary-orange-hover);transform:translateY(-1px)}.finish-bottom-container{display:flex;justify-content:center;padding:1rem;margin-top:1rem;margin-bottom:80px;border-top:2px solid #f0f0f0}.finish-bottom-button{background:var(--primary-orange);color:#fff;border:none;padding:.875rem 2rem;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.finish-bottom-button:hover{background:var(--primary-orange-hover);transform:translateY(-1px)}.test-content{flex:1;max-width:100%;width:100%;margin:0 auto;padding:1.5rem;background:var(--bg-light)}@media(min-width:768px){.test-content{max-width:900px;padding:2rem}}@media(min-width:1200px){.test-content{max-width:1000px;padding:2rem 3rem}}.question-block{background:#fff;border-radius:8px;padding:1.5rem;margin-bottom:1rem;box-shadow:0 1px 3px #0000000f;border:1px solid var(--border-light)}.question-header{display:flex;gap:.75rem;margin-bottom:1.25rem}.question-number{font-weight:600;color:var(--text-dark);font-size:1rem;flex-shrink:0}.question-text{flex:1;font-size:1rem;color:var(--text-dark);line-height:1.6}.options-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.option-item{display:flex;align-items:flex-start;gap:.75rem;padding:.875rem 1rem;background:#fff;border:1px solid var(--border-light);border-radius:6px;cursor:pointer;transition:all .15s;text-align:left;font-size:.95rem}.option-item:hover{background:var(--bg-light)}.option-item.selected{background:#fff;border-color:var(--primary-orange);border-width:2px}.option-letter{display:flex;align-items:center;justify-content:center;width:26px;height:26px;background:var(--bg-light);border-radius:50%;font-weight:500;font-size:.8rem;color:var(--text-gray);flex-shrink:0;margin-top:2px}.option-item.selected .option-letter{background:var(--primary-orange);color:#fff}.option-content{flex:1;color:var(--text-dark);line-height:1.5}.question-footer{padding-top:.75rem;margin-top:.75rem;border-top:1px solid var(--border-light)}.question-theme{font-size:.8rem;color:var(--text-light)}.results-screen{background:var(--bg-light);max-width:100%;margin:0 auto;padding:1rem 2rem 2rem;justify-content:flex-start}@media(min-width:768px){.results-screen{max-width:800px;padding:2rem 3rem}}@media(min-width:1200px){.results-screen{max-width:900px}}.results-screen h2{font-size:1.5rem;color:var(--text-dark);text-align:left;margin-bottom:1.5rem;font-weight:600}.results-header{display:flex;flex-direction:column;align-items:center;margin-bottom:1.5rem;gap:.75rem}.results-header h2{margin:0;font-size:1.5rem}.results-legend{display:flex;gap:1.5rem;align-items:center;font-size:.9rem;color:var(--text-gray);flex-wrap:wrap;justify-content:center}.legend-item{display:flex;align-items:center;gap:.5rem}.legend-dot{width:10px;height:10px;border-radius:50%}.legend-dot.correct{background:var(--success-green)}.legend-dot.incorrect{background:var(--error-red)}.legend-dot.blank{background:var(--blank-gray)}.time-legend{color:var(--text-light)}.results-card{background:#fff;border-radius:8px;padding:2rem 2.5rem;box-shadow:0 1px 3px #00000014;margin-bottom:1.5rem;width:100%}.results-scores{display:flex;gap:5rem;margin-bottom:2.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-light)}.score-block{display:flex;flex-direction:column}.score-label{font-size:.85rem;color:var(--text-light);margin-bottom:.25rem}.score-value{font-size:1.75rem;font-weight:400;color:var(--text-dark)}.score-block-main .score-value{font-size:2.25rem;font-weight:600;color:var(--primary-orange)}.score-explanation{background:#f9f9f9;border:1px solid var(--border-light);border-radius:8px;padding:1rem;margin-bottom:1.5rem}.score-explanation-header{display:flex;align-items:center;gap:.5rem;font-weight:600;color:var(--text-dark);margin-bottom:.75rem;font-size:.9rem}.score-explanation-icon{width:18px;height:18px;color:var(--primary-orange)}.score-explanation-content{font-size:.85rem;color:var(--text-gray);line-height:1.5}.score-explanation-content p{margin:0 0 .5rem}.score-formula{display:flex;gap:1.5rem;margin:.75rem 0;flex-wrap:wrap}.formula-item{display:inline-flex;align-items:center;padding:.35rem .75rem;border-radius:4px;font-weight:500;font-size:.8rem}.formula-item.correct{background:#4caf501a;color:var(--success-green)}.formula-item.incorrect{background:#e539351a;color:var(--error-red)}.score-detail{background:#fff;padding:.5rem .75rem;border-radius:4px;border:1px solid var(--border-light);margin-top:.5rem!important}.score-detail strong{color:var(--primary-orange)}.results-bars{display:flex;flex-direction:column;gap:.75rem}.bar-row{display:flex;align-items:center;gap:1rem}.bar-percent{width:50px;font-size:.9rem;color:var(--text-gray);text-align:right}.bar-track{flex:1;height:20px;background:var(--bg-light);border-radius:10px;overflow:hidden;min-width:200px}.bar-fill{height:100%;border-radius:12px;transition:width .5s ease-out}.bar-fill.correct{background:var(--success-green)}.bar-fill.incorrect{background:var(--error-red)}.bar-fill.blank{background:var(--blank-gray)}.bar-count{width:54px;height:42px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;border-radius:21px}.bar-row:nth-child(1) .bar-count{background:#4caf5026;color:var(--success-green)}.bar-row:nth-child(2) .bar-count{background:#e5393526;color:var(--error-red)}.bar-row:nth-child(3) .bar-count{background:#9e9e9e26;color:var(--blank-gray)}.results-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:2rem}.result-card{background:#f9f9f9;border-radius:8px;padding:1.5rem;text-align:center;border:2px solid transparent}.result-card.correct{border-color:var(--success-green)}.result-card.incorrect{border-color:var(--error-red)}.result-card.score{border-color:var(--primary-orange)}.result-card.time{border-color:#999}.result-number{font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.result-card.correct .result-number{color:var(--success-green)}.result-card.incorrect .result-number{color:var(--error-red)}.result-card.score .result-number{color:var(--primary-orange)}.result-card.time .result-number{color:#999}.result-label{font-size:.9rem;color:var(--text-gray);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.score-explanation{background:#fff;border:1px solid var(--border-light);border-radius:8px;padding:1.5rem;margin-bottom:2rem;text-align:center}.score-explanation h3{font-size:1.1rem;color:var(--text-dark);margin-bottom:1rem;font-weight:500}.score-explanation p{color:var(--text-gray);line-height:1.6;margin-bottom:.5rem}.score-explanation .correct-text{color:var(--success-green)}.score-explanation .incorrect-text{color:var(--error-red)}.score-formula{background:var(--bg-light);padding:1rem;border-radius:6px;margin-top:1rem;font-size:1rem;color:var(--text-dark)}.score-formula strong{color:#9b7653;font-size:1.2rem}.ranking-container{background:#f8fafc;border:1px solid #E2E8F0;border-radius:8px;padding:1.5rem 2rem;margin:1.5rem 0;width:100%;box-sizing:border-box}.ranking-title{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:1.1rem;color:var(--text-dark);margin-bottom:.75rem;font-weight:600}.ranking-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#e8f4fd;border-radius:50%;color:#6b8aff}.ranking-icon svg{width:18px;height:18px}.ranking-container h3{font-size:1.1rem;color:var(--text-dark);margin-bottom:.75rem;text-align:center;font-weight:600}.ranking-description{text-align:center;font-size:.95rem;color:var(--text-gray);margin-bottom:1rem;line-height:1.5}.ranking-description strong{color:#6b8aff;font-size:1.15rem}.ranking-bar-container{width:100%;margin-top:1rem}.ranking-bar-background{width:100%;height:28px;background:var(--bg-light);border-radius:14px;overflow:hidden;position:relative}.ranking-bar-fill{height:100%;display:flex;align-items:center;justify-content:flex-start;padding-left:12px;transition:width 1s ease-out;position:relative;border-radius:14px}.ranking-bar-fill.excellent,.ranking-bar-fill.great,.ranking-bar-fill.good,.ranking-bar-fill.medium,.ranking-bar-fill.low{background:var(--primary-orange)}.ranking-bar-label{color:#fff;font-weight:600;font-size:.85rem}.ranking-bar-markers{display:flex;justify-content:space-between;margin-top:.5rem;font-size:.8rem;color:var(--text-light);font-weight:600}.explanations-container{margin-top:2rem}.explanations-container h3{font-size:1.25rem;color:var(--text-dark);margin-bottom:1.5rem;font-weight:600}.review-question-card{background:#fff;border:1px solid var(--border-light);border-radius:8px;padding:1.5rem;margin-bottom:1rem}.review-question-header{display:flex;align-items:flex-start;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.review-question-number{font-weight:700;color:var(--text-dark);font-size:1rem;flex-shrink:0}.review-question-text{flex:1;font-weight:500;color:var(--text-dark);line-height:1.5;font-size:1rem}.review-status{font-size:.85rem;font-weight:500;flex-shrink:0;margin-left:auto}.review-status.correct{color:var(--success-green)}.review-status.incorrect{color:var(--error-red)}.review-options{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.review-option{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:6px;border:1px solid transparent;background:transparent}.review-option.wrong-selected{border-color:var(--error-red);background:#e539350d}.review-option.correct-option{border-color:var(--success-green);background:#4caf500d}.review-option-letter{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:.85rem;font-weight:500;flex-shrink:0;background:var(--bg-light);color:var(--text-gray);border:1px solid var(--border-light)}.review-option.wrong-selected .review-option-letter{background:var(--error-red);color:#fff;border-color:var(--error-red)}.review-option.correct-option .review-option-letter{background:#fff;color:var(--text-dark);border-color:var(--border-light)}.review-option-text{flex:1;line-height:1.5;color:var(--text-dark);font-size:.95rem}.review-option-icon{font-size:1.25rem;flex-shrink:0}.review-option-icon.wrong{color:var(--error-red)}.review-option-icon.correct{color:var(--success-green)}.review-explanation{background:#8b735514;padding:1rem;border-radius:6px;line-height:1.6;color:var(--text-gray);font-size:.9rem;border-left:3px solid var(--primary-orange)}.review-explanation strong{color:var(--text-dark)}.explanation-card{background:#fff;border:1px solid var(--border-light);border-radius:8px;padding:1.5rem;margin-bottom:1rem;position:relative}.explanation-card.correct-answer,.explanation-card.incorrect-answer{border-color:var(--border-light)}.explanation-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.question-number{font-weight:600;color:var(--text-dark);font-size:1rem}.result-badge{padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500}.result-badge.correct{background:transparent;color:var(--success-green)}.result-badge.incorrect{background:transparent;color:var(--error-red)}.explanation-question{font-weight:500;color:var(--text-dark);margin-bottom:1.25rem;line-height:1.6;font-size:1rem}.explanation-answers{margin-bottom:1rem}.answer-row{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;margin-bottom:.25rem;border-radius:6px;border:1px solid transparent}.answer-row.user-selected.wrong{border-color:var(--error-red);background:#e539350d}.answer-row.correct-option{border-color:var(--success-green);background:#4caf500d}.answer-letter{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:.85rem;font-weight:500;flex-shrink:0;background:var(--bg-light);color:var(--text-gray)}.answer-row.user-selected.wrong .answer-letter{background:var(--error-red);color:#fff}.answer-row.correct-option .answer-letter{background:var(--success-green);color:#fff}.answer-text{flex:1;line-height:1.5;color:var(--text-dark)}.answer-icon{font-size:1.25rem;flex-shrink:0}.wrong-answer{color:var(--error-red)}.correct-answer-text{color:var(--success-green);font-weight:500}.explanation-text{background:var(--bg-light);padding:1rem;border-radius:6px;line-height:1.6;color:var(--text-gray);font-size:.95rem;margin-top:1rem}.explanation-toggle{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;background:transparent;border:none;border-top:1px solid var(--border-light);width:100%;color:var(--text-gray);font-size:.9rem;cursor:pointer;margin-top:1rem}.explanation-toggle:hover{color:var(--text-dark)}.results-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-top:2rem;margin-bottom:80px;padding-bottom:20px}.results-actions button{min-width:160px}.results-actions .secondary-button{background:#fff;border:1px solid var(--border-light)}.results-actions .primary-button{background:var(--primary-orange)}@media(max-width:480px){.results-actions{flex-direction:column;align-items:center;gap:.75rem}.results-actions button{width:100%;max-width:280px}}@media(max-width:768px){.test-header{flex-direction:column;padding:1rem;gap:1rem}.header-left,.header-center,.header-right{width:100%}.header-right{justify-content:space-between}.test-content{padding:1rem}.question-block{padding:1.5rem}.question-header{flex-direction:column;gap:.5rem}.results-summary{grid-template-columns:repeat(2,1fr)}.score-explanation{text-align:left}.score-formula{font-size:.9rem}.button-group,.test-type-options{flex-direction:column}.temas-list{margin-left:1rem}.category-selection{max-height:300px}}.stats-screen{background:var(--bg-light);padding:2rem;padding-bottom:120px;min-height:auto;max-width:100%;width:100%;margin:0 auto}@media(min-width:768px){.stats-screen{padding:2rem 3rem 120px}}@media(min-width:1200px){.stats-screen{max-width:1100px;padding:2rem 4rem 120px}}.stats-screen h2{color:var(--text-dark);margin-bottom:2rem;text-align:center}.stats-user-info{background:#fdf6e3;border:2px solid #E8D9B5;border-radius:8px;padding:1rem 2rem;display:block;width:100%;max-width:500px;margin:0 auto 2rem;text-align:center;box-sizing:border-box}.stats-user-info p{margin:.5rem 0;color:#555}.no-stats{text-align:center;padding:4rem 2rem;color:#666}.stats-chart-container{background:#fff;border:1px solid var(--border-light);border-radius:8px;padding:1.5rem 2rem 2rem;margin-bottom:2rem;width:100%;height:450px}.stats-chart-container h3{color:var(--text-dark);margin-bottom:1rem;text-align:left;font-size:1.1rem;font-weight:600;font-style:italic}.stats-summary .stats-chart-container{margin-top:2rem}.no-stats p{font-size:1.1rem;margin:1rem 0}.stats-table-section{width:100%;max-width:900px;margin:2rem auto;padding:1.5rem;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a}.section-title{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;color:#333;font-size:1.2rem;font-weight:600}.section-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#e8f4fd;border-radius:50%;color:#6b8aff}.section-icon svg{width:20px;height:20px}.stats-table-wrapper{overflow-x:auto;border-radius:8px;border:1px solid var(--border-light);background:#fff}.stats-table-container{overflow-x:auto;margin-bottom:2rem;border-radius:8px;border:1px solid var(--border-light);background:#fff}.stats-table{width:100%;border-collapse:collapse;background:#fff}.stats-table thead{background:var(--bg-light);color:var(--text-gray)}.stats-table th{padding:.875rem 1rem;text-align:left;font-weight:500;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-light)}.stats-table td{padding:.875rem 1rem;border-bottom:1px solid var(--border-light);color:var(--text-dark);font-size:.9rem}.stats-table tbody tr:hover{background:var(--bg-light)}.stats-table tbody tr:last-child td{border-bottom:none}.stats-table .correct-cell{color:#4caf50;font-weight:600}.stats-table .incorrect-cell{color:#e53935;font-weight:600}.show-more-btn{display:block;width:100%;padding:.875rem;background:var(--bg-light);border:none;border-top:1px solid var(--border-light);color:var(--text-gray);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.show-more-btn:hover{background:#f0f0f0;color:var(--text-dark)}.stat-correct{color:#4caf50;font-weight:600}.stat-incorrect{color:#f44336;font-weight:600}.score-badge{padding:.25rem .75rem;border-radius:12px;font-weight:600;font-size:.9rem}.score-badge.good{background:#e8f5e9;color:#4caf50}.score-badge.medium{background:#f5f0eb;color:#8b7355}.score-badge.low{background:#ffebee;color:#f44336}.stats-summary{margin:2rem 0;width:100%;max-width:100%}.summary-subtitle{color:var(--text-gray);margin-bottom:1.5rem;text-align:left;font-size:1rem}.stats-summary h3{color:var(--text-dark);margin-bottom:1.5rem;text-align:center}.summary-cards-new{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2rem}.summary-cards-new.two-cards{grid-template-columns:repeat(2,1fr);max-width:700px;margin:0 auto 2rem}@media(max-width:768px){.summary-cards-new,.summary-cards-new.two-cards{grid-template-columns:1fr}}.summary-card-new{background:#fff;border:1px solid var(--border-light);border-radius:8px;padding:1.25rem 1.5rem;display:flex;justify-content:space-between;align-items:center}.card-left{display:flex;flex-direction:column;gap:.25rem}.card-title{font-weight:600;color:var(--text-dark);font-size:1rem;display:flex;align-items:center;gap:.5rem}.summary-card-new.correct .card-icon{color:#4caf50}.summary-card-new.incorrect .card-icon{color:#e53935}.summary-card-new.blank .card-icon{color:#9e9e9e}.card-count{color:var(--text-gray);font-size:.9rem}.card-circle{width:70px;height:70px;position:relative}.card-circle svg{width:100%;height:100%;transform:rotate(-90deg)}.circle-percent{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.1rem;font-weight:600}.card-circle.correct .circle-percent{color:#4caf50}.card-circle.incorrect .circle-percent{color:#e53935}.card-circle.blank .circle-percent{color:#9e9e9e}.summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.summary-card{background:#fff;border:2px solid #f0f0f0;border-radius:8px;padding:1.5rem;text-align:center;transition:all .2s}.summary-card:hover{border-color:#9b7653;transform:translateY(-2px);box-shadow:0 4px 12px #ffb84d33}.summary-number{font-size:2.5rem;font-weight:700;color:#9b7653;margin-bottom:.5rem}.summary-label{font-size:.9rem;color:#666;text-transform:uppercase;letter-spacing:.5px;font-weight:600}@media(max-width:768px){.stats-screen{padding:1rem 1rem 120px}.stats-table{font-size:.85rem}.stats-table th,.stats-table td{padding:.75rem .5rem}.summary-cards{grid-template-columns:1fr}}.admin-screen{max-width:95%;margin:0 auto}@media(min-width:1024px){.admin-screen{max-width:1400px}}.admin-login{text-align:center;padding:3rem 2rem}.admin-login p{margin-bottom:1.5rem;font-size:1.1rem;color:#555}.admin-password-input{width:100%;max-width:400px;padding:1rem;font-size:1rem;border:2px solid #9B7653;border-radius:8px;margin-bottom:1.5rem;outline:none;transition:all .2s}.admin-password-input:focus{border-color:#8b7355;box-shadow:0 0 0 3px #8b735533}.admin-content{padding:2rem 1rem}.admin-content h3{color:#333;margin-bottom:1rem}.admin-instructions{color:#666;margin-bottom:1rem;line-height:1.6}.format-example{background:#f9f9f9;border:2px solid #e0e0e0;border-radius:8px;padding:1rem;margin:1.5rem 0;overflow-x:auto}.format-example code{display:block;font-family:Courier New,monospace;font-size:.85rem;line-height:1.8;color:#333;white-space:pre}.dropzone{border:3px dashed #9B7653;border-radius:12px;padding:3rem 2rem;text-align:center;background:#f2ebe3;cursor:pointer;transition:all .3s;margin:2rem 0}.dropzone:hover{background:#e8ded0;border-color:#8b7355;transform:scale(1.02)}.dropzone-content{display:flex;flex-direction:column;align-items:center;gap:.5rem}.dropzone-icon{font-size:3rem;margin-bottom:1rem}.dropzone p{margin:.25rem 0;color:#333}.dropzone-hint{font-size:.9rem;color:#999}.upload-options{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin:2rem 0}.upload-options .dropzone{margin:0;padding:2rem 1rem}.uploaded-files{background:#fff;border:2px solid #9B7653;border-radius:8px;padding:1.5rem;margin:1.5rem 0}.uploaded-files h4{color:#333;margin-bottom:1rem}.uploaded-files ul{list-style:none;padding:0;margin:0}.uploaded-files li{padding:.5rem 0;border-bottom:1px solid #f0f0f0;color:#555}.uploaded-files li:last-child{border-bottom:none}.parsed-preview{background:#f0f9ff;border:2px solid #4caf50;border-radius:8px;padding:1.5rem;margin:1.5rem 0}.parsed-preview h4{color:#2e7d32;margin-bottom:.5rem}.preview-count{font-size:1.1rem;font-weight:600;color:#4caf50;margin:.5rem 0 1rem}.preview-list{background:#fff;border-radius:6px;padding:1rem}.preview-question{padding:.75rem;margin-bottom:.75rem;border-left:3px solid #4caf50;background:#f9f9f9;border-radius:4px;font-size:.9rem;line-height:1.6}.preview-question:last-child{margin-bottom:0}.preview-question strong{color:#333}.preview-question small{color:#666}.preview-more{text-align:center;color:#666;font-style:italic;margin-top:.5rem}.upload-progress{background:#e8ded0;border:2px solid #9B7653;border-radius:8px;padding:1rem;margin:1.5rem 0;text-align:center}.upload-progress p{margin:0;font-weight:600;color:#333}.admin-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin:2rem 0}.admin-actions button:disabled{opacity:.5;cursor:not-allowed}.admin-tabs{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:2px solid #e0e0e0;flex-wrap:wrap}.admin-tab{background:transparent;border:none;border-bottom:3px solid transparent;padding:1rem 1.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;color:#666}.admin-tab:hover{color:#9b7653;background:#f9f9f9}.admin-tab.active{color:#9b7653;border-bottom-color:#9b7653}.tab-content{padding:1rem 0}.folder-selector{margin:1.5rem 0}.folder-selector label{display:block;font-weight:600;color:#333;margin-bottom:.5rem}.folder-select{width:100%;max-width:400px;padding:.75rem;font-size:1rem;border:2px solid #9B7653;border-radius:8px;background:#fff;cursor:pointer;outline:none}.folder-select:focus{border-color:#7a5a3f;box-shadow:0 0 0 3px #9b765333}.sync-logs{background:#f9f9f9;border:2px solid #9B7653;border-radius:8px;padding:1.5rem;margin-top:2rem}.sync-logs h4{color:#333;margin-bottom:1rem}.log-container{background:#fff;border-radius:6px;padding:1rem;max-height:400px;overflow-y:auto}.log-entry{padding:.5rem;border-bottom:1px solid #f0f0f0;font-family:Courier New,monospace;font-size:.9rem;line-height:1.6}.log-entry:last-child{border-bottom:none}.files-list{background:#fff;border:2px solid #9B7653;border-radius:8px;padding:1rem;margin-top:1rem}.file-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid #f0f0f0;transition:all .2s}.file-item:hover{background:#f9f9f9}.file-item:last-child{border-bottom:none}.file-info{flex:1;display:flex;flex-direction:column;gap:.25rem}.file-info strong{color:#333;font-size:1rem}.file-info small{color:#666;font-size:.85rem}.delete-btn{background:#ff5722;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-size:.9rem;cursor:pointer;transition:all .2s}.delete-btn:hover{background:#e64a19;transform:scale(1.05)}.no-files{text-align:center;color:#999;padding:2rem;font-style:italic}@media(max-width:768px){.admin-screen{padding:1rem}.dropzone{padding:2rem 1rem}.upload-options{grid-template-columns:1fr}.admin-actions{flex-direction:column}.admin-actions button{width:100%}.file-item{flex-direction:column;align-items:flex-start;gap:1rem}.delete-btn{width:100%}}.locked-mode-indicator{background:#f8fafc;border:1px solid #E2E8F0;color:#333;padding:1.5rem;border-radius:12px;text-align:center;margin-bottom:2rem}.locked-mode-header{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:.75rem}.locked-mode-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#e8f4fd;border-radius:50%;color:#6b8aff}.locked-mode-icon svg{width:20px;height:20px}.locked-mode-indicator h3{margin:0;font-size:1.25rem;font-weight:600;color:#333}.locked-mode-indicator p{margin:.25rem 0;font-size:.95rem;color:#555}.locked-mode-category{font-weight:500}.locked-mode-temas{color:#666}.locked-mode-hint{margin-top:.75rem!important;font-size:.85rem!important;font-style:italic;color:#888!important}.iframe-generator-form{background:#f8f8f8;padding:2rem;border-radius:12px;margin-top:1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-weight:600;margin-bottom:.5rem;color:#333;font-size:.95rem}.admin-select{width:100%;max-width:500px;padding:.75rem;font-size:1rem;border:2px solid #ddd;border-radius:8px;background:#fff;cursor:pointer;transition:all .2s}.admin-select:hover{border-color:#9b7653}.admin-select:focus{outline:none;border-color:#9b7653;box-shadow:0 0 0 3px #9b76531a}.iframe-generated{background:#fff;padding:1.5rem;border-radius:12px;border:2px solid #9B7653}.iframe-generated h4{margin:0 0 1rem;color:#9b7653;font-size:1.2rem}.iframe-info{background:#f0f0f0;padding:1rem;border-radius:8px;margin-bottom:1rem;line-height:1.8}.iframe-code-display{width:100%;padding:1rem;font-family:Courier New,monospace;font-size:.85rem;border:2px solid #ddd;border-radius:8px;background:#f9f9f9;resize:vertical;line-height:1.5}.iframe-code-display:focus{outline:none;border-color:#9b7653;background:#fff}.temas-checkbox-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.75rem;margin-top:1rem;max-height:400px;overflow-y:auto;padding:1rem;background:#fff;border:2px solid #ddd;border-radius:8px}.tema-checkbox-item{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#f9f9f9;border-radius:6px;cursor:pointer;transition:all .2s;-webkit-user-select:none;user-select:none;width:100%;box-sizing:border-box}.tema-checkbox-item:hover{background:#f0f0f0;transform:translateY(-1px)}.tema-checkbox-item input[type=checkbox]{cursor:pointer;width:18px;height:18px;margin:0}.tema-checkbox-item span{font-size:.9rem;color:#333;font-weight:500}.temas-selected-info{margin-top:1rem;padding:.75rem;background:#e8f4fd;border-left:4px solid #9B7653;border-radius:4px;font-size:.9rem;color:#333;font-weight:500}@media(max-width:768px){.locked-mode-indicator{padding:1rem}.locked-mode-indicator h3{font-size:1.1rem}.locked-mode-icon{width:30px;height:30px}.locked-mode-icon svg{width:16px;height:16px}.iframe-generator-form{padding:1rem}.admin-select{max-width:100%}.temas-checkbox-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.5rem;padding:.75rem}}.subtema-label{color:#666;font-weight:400;font-size:.9em}.subtema-text{color:#666;font-weight:400;font-style:italic}.question-stats-section{width:100%;max-width:900px;margin:2rem auto;padding:1.5rem;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a}.question-stats-section h3{margin-bottom:1rem;color:#333;font-size:1.2rem}.question-stats-section .section-title{font-size:1.2rem}.question-stats-filters{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.filter-button{padding:.5rem 1rem;border:2px solid #ddd;border-radius:20px;background:#fff;cursor:pointer;font-size:.9rem;transition:all .2s ease}.filter-button:hover{border-color:#9b7653}.filter-button.active{background:#9b7653;border-color:#9b7653;color:#fff}.filter-button.correct.active{background:#4caf50;border-color:#4caf50}.filter-button.incorrect.active{background:#f44336;border-color:#f44336}.filter-button.skipped.active{background:#a68b5b;border-color:#a68b5b}.loading-question-stats,.no-question-stats{text-align:center;padding:2rem;color:#666}.question-stats-list{display:flex;flex-direction:column;gap:.75rem}.question-stat-card{border:1px solid #e0e0e0;border-radius:8px;transition:all .2s ease}.question-stat-card:hover{border-color:#9b7653}.question-stat-card.expanded{border-color:#9b7653;box-shadow:0 2px 8px #9b765333}.question-stat-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;cursor:pointer;background:#fafafa;gap:1rem}.question-stat-header:hover{background:#f0f0f0}.question-stat-summary{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:0}.question-stat-tema{font-weight:600;color:#333;font-size:.9rem}.question-stat-categoria{font-size:.8rem;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.question-stat-badges{display:flex;gap:.5rem;flex-wrap:wrap}.question-stat-badges .badge{padding:.25rem .5rem;border-radius:12px;font-size:.75rem;font-weight:600}.question-stat-badges .badge.correct{background:#e8f5e9;color:#2e7d32}.question-stat-badges .badge.incorrect{background:#ffebee;color:#c62828}.question-stat-badges .badge.skipped{background:#f5f0eb;color:#8b7355}.question-stat-badges .badge.seen{background:#e3f2fd;color:#1565c0}.expand-icon{color:#999;font-size:.8rem}.question-stat-details{padding:1rem;border-top:1px solid #e0e0e0;background:#fff}.question-stat-text{font-size:.95rem;color:#333;margin-bottom:1rem;line-height:1.5}.question-stat-options{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.question-stat-option{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;border-radius:6px;background:#f5f5f5}.question-stat-option.correct-option{background:#e8f5e9;border:1px solid #4CAF50}.question-stat-option .option-letter{font-weight:600;color:#666;min-width:24px}.question-stat-option .option-text{flex:1;font-size:.9rem;color:#333}.question-stat-option .correct-indicator{color:#4caf50;font-weight:600;font-size:.8rem;white-space:nowrap}.question-stat-option.wrong-option{background:#ffebee;border:1px solid #f44336}.option-indicators{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.user-answer-indicator{font-weight:600;font-size:.75rem;padding:.15rem .5rem;border-radius:10px;white-space:nowrap}.user-answer-indicator.correct{background:#e8f5e9;color:#2e7d32}.user-answer-indicator.incorrect{background:#ffebee;color:#c62828}.no-answer-notice{padding:.75rem;background:#f5f0eb;border-radius:6px;color:#8b7355;font-size:.9rem;margin-bottom:.75rem}.question-stat-footer{display:flex;flex-wrap:wrap;gap:1rem;padding-top:.75rem;border-top:1px solid #e0e0e0;font-size:.85rem;color:#666}.question-stat-footer span{display:flex;align-items:center;gap:.25rem}@media(max-width:600px){.question-stats-filters{justify-content:center}.filter-button{font-size:.8rem;padding:.4rem .8rem}.question-stat-header{flex-direction:column;align-items:flex-start;gap:.5rem}.question-stat-badges{width:100%}.expand-icon{position:absolute;right:1rem;top:.75rem}.question-stat-card{position:relative}.question-stat-footer{flex-direction:column;gap:.5rem}}.loading-container-animated{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#f5f0eb,#e8ddd0);position:fixed;inset:0;z-index:9999;overflow:hidden}.particles{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.particle{position:absolute;width:8px;height:8px;background:#8b73554d;border-radius:50%;animation:float-particle 6s ease-in-out infinite}.particle:nth-child(1){left:10%;top:20%}.particle:nth-child(2){left:80%;top:30%}.particle:nth-child(3){left:20%;top:60%}.particle:nth-child(4){left:70%;top:70%}.particle:nth-child(5){left:50%;top:10%}.particle:nth-child(6){left:90%;top:50%}.particle:nth-child(7){left:30%;top:80%}.particle:nth-child(8){left:60%;top:40%}@keyframes float-particle{0%,to{transform:translateY(0) translate(0) scale(1);opacity:.3}25%{transform:translateY(-30px) translate(20px) scale(1.2);opacity:.6}50%{transform:translateY(-50px) translate(-15px) scale(.8);opacity:.4}75%{transform:translateY(-25px) translate(30px) scale(1.1);opacity:.5}}.loading-circles{position:relative;width:250px;height:250px;display:flex;align-items:center;justify-content:center;margin-bottom:3rem}.circle{position:absolute;border:3px solid rgba(139,115,85,.2);border-radius:50%;animation:pulse-circle 3s ease-in-out infinite}.circle-1{width:250px;height:250px;animation-delay:0s}.circle-2{width:190px;height:190px;animation-delay:.5s;border-color:#8b73554d}.circle-3{width:130px;height:130px;animation-delay:1s;border-color:#8b735566}@keyframes pulse-circle{0%,to{transform:scale(1);opacity:.3}50%{transform:scale(1.1);opacity:.8}}.loading-logo-container{position:relative;z-index:10;width:100px;height:100px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:20px;box-shadow:0 8px 24px #0003;animation:pulse-logo 2s ease-in-out infinite}.loading-logo{width:100%;height:100%;object-fit:contain}@keyframes pulse-logo{0%,to{transform:scale(1);box-shadow:0 8px 24px #0003}50%{transform:scale(1.05);box-shadow:0 12px 32px #0000004d}}.loading-messages{text-align:center;margin-bottom:2rem;min-height:80px;display:flex;flex-direction:column;align-items:center;justify-content:center}.loading-text-main{color:var(--text-dark);font-size:1.5rem;font-weight:700;margin:0;margin-bottom:.5rem;animation:fade-in-text .6s ease-in}.loading-text-sub{color:var(--text-gray);font-size:1rem;font-weight:400;margin:0;animation:fade-in-text .6s ease-in .2s;animation-fill-mode:both}@keyframes fade-in-text{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.progress-bar-loading{width:300px;height:4px;background:#8b735533;border-radius:2px;overflow:hidden;position:relative}.progress-bar-fill-loading{position:absolute;top:0;left:-50%;width:50%;height:100%;background:var(--primary-orange);border-radius:2px;animation:loading-bar 1.5s ease-in-out infinite}@keyframes loading-bar{0%{left:-50%}to{left:100%}}@media(max-width:600px){.loading-circles,.circle-1{width:180px;height:180px}.circle-2{width:140px;height:140px}.circle-3{width:100px;height:100px}.loading-logo-container{width:80px;height:80px}.loading-text-main{font-size:1.2rem}.loading-text-sub{font-size:.9rem}.progress-bar-loading{width:250px}}.infografia-section{width:100%;max-width:100%;margin:1.5rem 0;padding:1.5rem;background:#f8fafc;border-radius:8px;border:1px solid #E2E8F0;text-align:center}.infografia-section h3{margin:0 0 .5rem;color:var(--text-dark);font-size:1.1rem;font-weight:600}.infografia-title{display:flex;align-items:center;justify-content:center;gap:.5rem}.infografia-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#e8f4fd;border-radius:50%;color:#6b8aff}.infografia-icon svg{width:18px;height:18px}.infografia-description{color:var(--text-light);font-size:.9rem;margin-bottom:1.25rem}.infografia-button{background:#6b8aff;color:#fff;border:none;padding:.875rem 1.5rem;font-size:1rem;font-weight:600;border-radius:6px;cursor:pointer;transition:all .2s ease}.infografia-button.icon-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.infografia-button.icon-btn svg{width:20px;height:20px}.infografia-button:hover{background:#5a7aee;transform:translateY(-1px)}.infografia-button:active{transform:translateY(0)}.infografia-loading{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem}.infografia-spinner{width:50px;height:50px;border:4px solid #e0e0e0;border-top-color:#9b7653;border-radius:50%;animation:spin 1s linear infinite}.infografia-loading p{color:#666;font-size:1rem;font-weight:500}.infografia-error{background:#fff5f5;border:2px solid #ffcccc;border-radius:12px;padding:1.5rem;margin-top:1rem}.infografia-error p{color:#c62828;margin:0 0 1rem;font-size:.95rem}.infografia-retry-button{background:#c62828;color:#fff;border:none;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .2s ease}.infografia-retry-button:hover{background:#b71c1c}.infografia-preview{margin-top:1.5rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.infografia-image{max-width:100%;max-height:500px;border-radius:12px;box-shadow:0 8px 24px #00000026;border:2px solid #e0e0e0}.infografia-download-button{background:#6b8aff;color:#fff;border:none;padding:.875rem 1.5rem;font-size:1rem;font-weight:600;border-radius:6px;cursor:pointer;transition:all .2s ease}.infografia-download-button:hover{background:#5a7aee;transform:translateY(-1px)}.infografia-download-button:active{transform:translateY(0)}.infografia-download-button.icon-btn,.infografia-email-button.icon-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.infografia-download-button.icon-btn svg,.infografia-email-button.icon-btn svg{width:18px;height:18px}.infografia-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.infografia-email-button{background:#6b8aff;color:#fff;border:none;padding:.875rem 1.5rem;font-size:1rem;font-weight:600;border-radius:6px;cursor:pointer;transition:all .2s ease}.infografia-email-button:hover:not(:disabled){background:#5a7aee;transform:translateY(-1px)}.infografia-email-button:active:not(:disabled){transform:translateY(0)}.infografia-email-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.email-success{color:#4caf50;font-size:.9rem;margin-top:.5rem;text-align:center}.email-error{color:#f44336;font-size:.9rem;margin-top:.5rem;text-align:center}.infografia-email-status{display:flex;align-items:center;gap:.5rem;color:#6b8aff;font-size:.9rem;padding:.5rem 1rem;background:#6b8aff1a;border-radius:8px;animation:pulse-glow 1.5s ease-in-out infinite}.infografia-email-status .spin-icon{width:18px;height:18px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse-glow{0%,to{opacity:1}50%{opacity:.7}}@media(max-width:600px){.infografia-section{padding:1.5rem;margin:1rem}.infografia-section h3{font-size:1.2rem}.infografia-button,.infografia-download-button,.infografia-email-button{width:100%;font-size:1rem;padding:.875rem 1.5rem}.infografia-actions{flex-direction:column}.infografia-image{max-height:350px}}.test-modes-section{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}.review-modes-section{display:flex;flex-direction:column;gap:.5rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--border-light)}.review-mode-card{display:flex;align-items:center;gap:1rem;padding:1rem;background:#fff;border:1px solid var(--border-light);border-radius:8px;cursor:pointer;transition:all .2s ease}.review-mode-card:hover{background:var(--bg-light)}.review-mode-card.active{border-color:var(--primary-orange);background:#fff}.review-mode-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px;font-size:1.25rem;background:var(--bg-light);flex-shrink:0}.review-mode-icon.svg-icon{background:#e8f4fd;border-radius:50%;color:#6b8aff}.review-mode-icon.svg-icon svg{width:20px;height:20px}.review-mode-icon.svg-icon.failed{background:#ffebee;color:#e53935}.review-mode-icon.svg-icon.blank{background:#f5f5f5;color:#9e9e9e}.review-mode-card.active .review-mode-icon{background:#8b73551a}.review-mode-card.active .review-mode-icon.svg-icon{background:#8b735526;color:var(--primary-orange)}.review-mode-content{flex:1}.review-mode-title{margin:0 0 .125rem;font-size:1rem;font-weight:500;color:var(--text-dark)}.review-mode-description{margin:0;font-size:.85rem;color:var(--text-light);line-height:1.4}@media(max-width:600px){.review-modes-section{margin-top:1rem}.review-mode-card{padding:.875rem}.review-mode-icon{width:36px;height:36px;font-size:1.1rem}.review-mode-title{font-size:.95rem}.review-mode-description{font-size:.8rem}}.auth-section{margin:1.5rem 0}.auth-buttons{display:flex;gap:1rem;justify-content:center}.auth-button{padding:.75rem 1.5rem;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.auth-button.login{background:var(--primary-orange);color:#fff}.auth-button.login:hover{background:var(--primary-orange-hover)}.auth-button.register{background:transparent;color:var(--primary-orange);border:2px solid var(--primary-orange)}.auth-button.register:hover{background:var(--primary-orange);color:#fff}.auth-button.logout{background:transparent;color:var(--text-gray);border:1px solid var(--border-light);padding:.5rem 1rem;font-size:.85rem}.auth-button.logout:hover{background:var(--bg-light);border-color:var(--text-gray)}.user-welcome-card{display:flex;align-items:center;gap:1rem;background:linear-gradient(135deg,#fff,#f8f9fa);padding:1rem 1.5rem;border-radius:16px;box-shadow:0 4px 20px #00000014;border:1px solid rgba(155,118,83,.1);max-width:400px;margin:0 auto}.welcome-avatar{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,var(--primary-orange) 0%,#c49a6c 100%);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;box-shadow:0 2px 8px #9b76534d}.welcome-avatar img{width:100%;height:100%;object-fit:cover}.welcome-avatar-letter{color:#fff;font-size:1.25rem;font-weight:600}.welcome-text{display:flex;flex-direction:column;gap:.15rem;flex:1}.welcome-greeting{font-size:.8rem;color:var(--text-gray);font-weight:400}.welcome-name{font-size:1.1rem;font-weight:600;color:var(--text-dark)}.welcome-icon{width:28px;height:28px;flex-shrink:0}.auth-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.auth-modal{background:#fff;border-radius:12px;padding:2rem;max-width:400px;width:100%;position:relative;box-shadow:0 10px 40px #0003}.auth-modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-gray);line-height:1;padding:0}.auth-modal-close:hover{color:var(--text-dark)}.auth-modal h2{margin-bottom:1.5rem;color:var(--text-dark);font-size:1.5rem;text-align:center}.auth-field{margin-bottom:1rem}.auth-field label{display:block;margin-bottom:.5rem;color:var(--text-dark);font-weight:500;font-size:.9rem}.auth-field input{width:100%;padding:.75rem 1rem;border:1px solid var(--border-light);border-radius:8px;font-size:1rem;transition:border-color .2s ease}.auth-field input:focus{outline:none;border-color:var(--primary-orange)}.auth-error{background:#e539351a;color:var(--error-red);padding:.75rem;border-radius:6px;margin-bottom:1rem;font-size:.9rem;text-align:center}.auth-submit{width:100%;padding:.875rem;background:var(--primary-orange);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s ease;margin-top:.5rem}.auth-submit:hover:not(:disabled){background:var(--primary-orange-hover)}.auth-submit:disabled{opacity:.6;cursor:not-allowed}.auth-switch{margin-top:1.5rem;text-align:center;color:var(--text-gray);font-size:.9rem}.auth-switch button{background:none;border:none;color:var(--primary-orange);font-weight:600;cursor:pointer;font-size:.9rem}.auth-switch button:hover{text-decoration:underline}@media(max-width:480px){.auth-modal{padding:1.5rem;margin:1rem}.auth-buttons{flex-direction:column}.auth-button{width:100%}}.auth-gate{margin-top:2rem;max-width:400px;width:100%}.auth-gate-message{color:var(--text-gray);margin-bottom:1.5rem;font-size:1rem;text-align:center}.google-button{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;padding:.875rem 1.5rem;background:#fff;border:1px solid var(--border-light);border-radius:8px;font-size:1rem;font-weight:500;color:var(--text-dark);cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #00000014}.google-button:hover{background:var(--bg-light);border-color:#dadce0;box-shadow:0 2px 6px #0000001f}.google-button svg{flex-shrink:0}.auth-divider{display:flex;align-items:center;margin:1.5rem 0;gap:1rem}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border-light)}.auth-divider span{color:var(--text-light);font-size:.85rem;text-transform:uppercase}.auth-inline-form{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #00000014;border:1px solid var(--border-light)}.auth-tabs{display:flex;margin-bottom:1.5rem;border-bottom:1px solid var(--border-light)}.auth-tab{flex:1;padding:.75rem;background:none;border:none;font-size:.95rem;font-weight:500;color:var(--text-gray);cursor:pointer;transition:all .2s ease;position:relative}.auth-tab:hover{color:var(--text-dark)}.auth-tab.active{color:var(--primary-orange)}.auth-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--primary-orange)}@media(max-width:480px){.auth-gate{padding:0 1rem}.auth-inline-form{padding:1rem}.google-button{padding:.75rem 1rem;font-size:.95rem}}.logout-button{margin-top:1rem!important;border-color:#e8e8e8!important;color:var(--text-gray)!important}.logout-button:hover{border-color:var(--error-red)!important;color:var(--error-red)!important;background:#e539350d!important}.logout-button .button-icon{color:var(--text-gray)}.logout-button:hover .button-icon{color:var(--error-red)}.top-navbar{position:fixed;top:0;left:0;right:0;height:60px;background:#fff;border-bottom:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;z-index:100;box-shadow:0 1px 3px #0000000d}.navbar-left{display:flex;align-items:center}.navbar-logo{display:flex;align-items:center;gap:.75rem;cursor:pointer;transition:opacity .2s ease}.navbar-logo:hover{opacity:.8}.navbar-logo-img{width:36px;height:36px;object-fit:contain}.navbar-brand{font-size:1.1rem;font-weight:600;color:var(--text-dark)}.navbar-right{display:flex;align-items:center;gap:1.5rem}.navbar-stats{display:flex;gap:1rem}.stat-item{display:flex;align-items:center;gap:.4rem;padding:.5rem .75rem;background:var(--bg-light);border-radius:8px;border:1px solid var(--border-light)}.stat-icon{width:18px;height:18px;color:var(--primary-orange)}.stat-icon.correct{color:var(--success-green)}.stat-icon svg{width:100%;height:100%}.stat-value{font-weight:600;font-size:.95rem;color:var(--text-dark)}.stat-label{font-size:.8rem;color:var(--text-gray)}.navbar-profile{display:flex;align-items:center;gap:.75rem;cursor:pointer;padding:.5rem;border-radius:8px;transition:background .2s ease}.navbar-profile:hover{background:var(--bg-light)}.profile-avatar{width:40px;height:40px;border-radius:50%;background:var(--primary-orange);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1rem}.profile-info{display:flex;flex-direction:column}.profile-name{font-weight:500;font-size:.9rem;color:var(--text-dark)}.profile-email{font-size:.75rem;color:var(--text-gray)}.app-container:has(.top-navbar) .screen{padding-top:80px}.app-container:has(.top-navbar) .home-screen{padding-top:80px}@media(max-width:768px){.top-navbar{padding:0 1rem}.navbar-brand,.navbar-stats,.profile-info,.stat-label{display:none}}@media(max-width:480px){.top-navbar{height:50px}.navbar-logo-img{width:30px;height:30px}.profile-avatar{width:34px;height:34px;font-size:.9rem}.app-container:has(.top-navbar) .screen,.app-container:has(.top-navbar) .home-screen{padding-top:70px}}.navbar-asignaturas{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:transparent;color:var(--primary-orange);border:2px solid var(--primary-orange);border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.navbar-asignaturas:hover{background:var(--primary-orange);color:#fff}.navbar-asignaturas svg{width:18px;height:18px}.navbar-suscribirse{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,gold,orange);color:#333;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #ffa5004d}.navbar-suscribirse:hover{transform:translateY(-1px);box-shadow:0 4px 8px #ffa50066}.navbar-suscribirse svg{width:18px;height:18px}@media(max-width:768px){.navbar-asignaturas span{display:none}.navbar-asignaturas{padding:.5rem}.navbar-suscribirse span{display:none}.navbar-suscribirse{padding:.5rem}}.navbar-area-personal{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--primary-orange);color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.navbar-area-personal:hover{background:var(--primary-orange-hover)}.navbar-area-personal svg{width:18px;height:18px}@media(max-width:768px){.navbar-area-personal span{display:none}.navbar-area-personal{padding:.5rem}}.profile-screen{background:var(--bg-light);min-height:100vh;overflow-x:hidden}.profile-container{display:flex;align-items:flex-start;max-width:1100px;margin:0 auto;gap:2rem;padding:1.5rem;box-sizing:border-box}.profile-sidebar{width:260px;flex-shrink:0;background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000000d;box-sizing:border-box}.profile-header{text-align:center;padding-bottom:1.5rem;border-bottom:1px solid var(--border-light);margin-bottom:1rem}.profile-avatar-large{width:80px;height:80px;border-radius:50%;background:var(--primary-orange);color:#fff;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:600;margin:0 auto 1rem;overflow:hidden;flex-shrink:0}.profile-avatar-img{width:100%;height:100%;object-fit:cover}.profile-user-name{font-size:1.1rem;font-weight:600;color:var(--text-dark);margin:0;word-break:break-word;overflow-wrap:break-word}.profile-user-email{font-size:.85rem;color:var(--text-gray);margin:.25rem 0 0;word-break:break-all;overflow-wrap:break-word}.profile-nav{display:flex;flex-direction:column;gap:.25rem}.profile-nav-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:none;border:none;border-radius:8px;font-size:.9rem;color:var(--text-gray);cursor:pointer;transition:all .2s ease;text-align:left;width:100%}.profile-nav-item:hover{background:var(--bg-light);color:var(--text-dark)}.profile-nav-item.active{background:#8b73551a;color:var(--primary-orange);font-weight:500}.profile-nav-item svg{width:20px;height:20px;flex-shrink:0}.profile-logout-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.75rem;margin-top:1.5rem;background:none;border:1px solid var(--border-light);border-radius:8px;color:var(--text-gray);font-size:.9rem;cursor:pointer;transition:all .2s ease}.profile-logout-btn:hover{border-color:var(--error-red);color:var(--error-red);background:#e539350d}.profile-logout-btn svg{width:18px;height:18px}.profile-content{flex:1;min-width:0}.profile-tab-content{background:#fff;border-radius:12px;padding:1.5rem 2rem;box-shadow:0 2px 8px #0000000d}.tab-title{font-size:1.2rem;color:var(--text-dark);margin:0 0 .5rem;padding-bottom:0;border-bottom:none}.tab-subtitle{color:var(--text-muted);font-size:.9rem;margin:0 0 1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-light)}.stats-section-title,.leaderboard-section-title{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0 0 1rem;padding-bottom:.5rem;border-bottom:2px solid var(--primary-color);display:inline-block}.empty-state-small{background:#f9f9f9;border-radius:8px;padding:1rem 1.5rem;margin-bottom:1rem}.empty-state-small p{color:var(--text-muted);margin:0;font-size:.9rem}.stats-overview{display:flex;flex-direction:column;gap:1.5rem}.stats-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem}.stat-card{background:#faf5f4;border-radius:12px;padding:1.25rem;text-align:center;display:flex;flex-direction:column;gap:.5rem}.stat-value{font-size:1.75rem;font-weight:600;color:var(--primary-color)}.stat-label{font-size:.8rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.stats-detail-section{margin-top:1rem}.stats-detail-section h4{font-size:1rem;color:var(--text-dark);margin:0 0 1rem}.stats-recent-list{display:flex;flex-direction:column;gap:.5rem}.stats-recent-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#fff;border:1px solid var(--border-light);border-radius:8px}.stats-recent-info{display:flex;flex-direction:column;gap:.25rem}.stats-recent-name{font-weight:500;color:var(--text-dark);font-size:.9rem}.stats-recent-date{font-size:.75rem;color:var(--text-muted)}.stats-recent-score .score-badge{padding:.35rem .75rem;border-radius:20px;font-weight:600;font-size:.85rem}.score-badge.good{background:#d4edda;color:#155724}.score-badge.low{background:#f8d7da;color:#721c24}.empty-state{text-align:center;padding:2rem;color:var(--text-gray)}.empty-state .primary-button{margin-top:1rem}.history-list{display:flex;flex-direction:column;gap:.75rem}.history-item{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:var(--bg-light);border-radius:8px;gap:1rem}.history-date{font-size:.85rem;color:var(--text-gray);min-width:140px}.history-details{flex:1;display:flex;gap:.5rem}.history-category{font-weight:500;color:var(--text-dark)}.history-tema{color:var(--text-gray);font-size:.9rem}.history-results{display:flex;align-items:center;gap:.75rem}.history-correct{color:var(--success-green);font-weight:500}.history-total{color:var(--text-gray);font-size:.85rem}.history-score{background:var(--primary-orange);color:#fff;padding:.25rem .75rem;border-radius:20px;font-weight:600;font-size:.85rem}.history-score.passed{background:var(--success-green)}.history-score.failed{background:var(--error-red)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.stat-card{background:var(--bg-light);border-radius:12px;padding:1.5rem;text-align:center}.stat-card-icon{width:48px;height:48px;margin:0 auto 1rem;background:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--primary-orange)}.stat-card-icon.correct{color:var(--success-green)}.stat-card-icon.incorrect{color:var(--error-red)}.stat-card-icon svg{width:24px;height:24px}.stat-card-value{font-size:2rem;font-weight:700;color:var(--text-dark)}.stat-card-label{font-size:.9rem;color:var(--text-gray);margin-top:.25rem}.ranking-position-card{background:var(--primary-orange);color:#fff;padding:1.25rem;border-radius:12px;margin-bottom:1.5rem;display:flex;justify-content:space-between;align-items:center}.ranking-position-card.not-qualified{background:var(--bg-light);color:var(--text-gray);flex-direction:column;gap:.5rem;text-align:center}.ranking-position{font-size:1.25rem;font-weight:600}.ranking-detail{font-size:.9rem;opacity:.9}.ranking-progress{font-weight:500;color:var(--primary-orange)}.ranking-list{display:flex;flex-direction:column;gap:.5rem}.ranking-item{display:flex;align-items:center;padding:1rem;background:var(--bg-light);border-radius:8px;gap:1rem}.ranking-item.top-3{background:#8b73551a}.ranking-pos{font-weight:700;color:var(--primary-orange);min-width:40px}.ranking-name{flex:1;font-weight:500}.ranking-score{font-weight:600;color:var(--text-dark)}.config-form{max-width:400px}.config-avatar-section{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.config-avatar{width:80px;height:80px;border-radius:50%;background:var(--primary-orange);color:#fff;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:600;overflow:hidden;flex-shrink:0}.config-avatar-img{width:100%;height:100%;object-fit:cover}.config-avatar-btn{padding:.5rem 1rem;background:none;border:1px solid var(--border-light);border-radius:6px;color:var(--text-gray);font-size:.85rem;cursor:pointer;transition:all .2s ease}.config-avatar-btn:hover{border-color:var(--primary-orange);color:var(--primary-orange)}.config-avatar-btn:disabled{opacity:.6;cursor:not-allowed}.config-field{margin-bottom:1rem}.config-field label{display:block;margin-bottom:.5rem;font-size:.9rem;font-weight:500;color:var(--text-dark)}.config-field input{width:100%;padding:.75rem 1rem;border:1px solid var(--border-light);border-radius:8px;font-size:1rem;transition:border-color .2s ease}.config-field input:focus{outline:none;border-color:var(--primary-orange)}.config-error{background:#e539351a;color:var(--error-red);padding:.75rem;border-radius:6px;margin-bottom:1rem;font-size:.9rem}.config-success{background:#4caf501a;color:var(--success-green);padding:.75rem;border-radius:6px;margin-bottom:1rem;font-size:.9rem}.subscription-info{display:flex;flex-direction:column;gap:1.5rem}.subscription-status-card{background:linear-gradient(135deg,#f8f9fa,#fff);border:1px solid var(--border-light);border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000000d}.subscription-status-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.subscription-icon{width:24px;height:24px;color:var(--primary-orange)}.subscription-status-label{font-size:.9rem;color:var(--text-secondary);font-weight:500}.subscription-status-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:20px;font-weight:600;font-size:.95rem;margin-bottom:1rem}.subscription-status-badge.active{background:#4caf5026;color:var(--success-green)}.subscription-status-badge.active svg{width:18px;height:18px}.subscription-status-badge.inactive{background:#f4433626;color:#f44336}.subscription-description{color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin:0}.subscription-details{background:#fff;border:1px solid var(--border-light);border-radius:12px;padding:1.5rem}.subscription-details h4{margin:0 0 1rem;font-size:1rem;color:var(--text-primary)}.subscription-detail-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--border-light)}.subscription-detail-item:last-child{border-bottom:none}.detail-label{color:var(--text-secondary);font-size:.9rem}.detail-value{color:var(--text-primary);font-weight:500;font-size:.9rem}.subscription-actions{background:#fff;border:1px solid var(--border-light);border-radius:12px;padding:1.5rem}.subscription-actions h4{margin:0 0 1rem;font-size:1rem;color:var(--text-primary)}.subscription-warning{color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin:0 0 1rem}.contact-form-section{margin-bottom:1rem}.contact-label{display:block;font-size:.9rem;color:var(--text-secondary);margin-bottom:.5rem}.contact-textarea{width:100%;padding:.75rem;border:1px solid var(--border-light);border-radius:8px;font-size:.9rem;font-family:inherit;resize:vertical;min-height:80px;transition:border-color .2s ease}.contact-textarea:focus{outline:none;border-color:var(--primary-orange)}.contact-textarea::placeholder{color:#999}.subscription-buttons{display:flex;gap:.75rem;flex-wrap:wrap}.subscription-cancel-btn,.subscription-contact-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;color:#fff;padding:.7rem 1.25rem;border-radius:8px;text-decoration:none;font-weight:500;font-size:.9rem;transition:background .2s ease,opacity .2s ease;cursor:pointer;border:none}.subscription-contact-btn{background:var(--primary-orange)}.subscription-contact-btn:hover{background:var(--primary-orange-hover)}.subscription-cancel-btn{background:#b0766a}.subscription-cancel-btn:hover{background:#996058}.subscription-cancel-btn svg,.subscription-contact-btn svg{width:16px;height:16px}.subscription-buttons button:disabled{opacity:.7;cursor:not-allowed}.cancel-confirm-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.cancel-confirm-modal{background:#fff;border-radius:12px;padding:1.5rem;max-width:450px;width:100%;box-shadow:0 10px 40px #0003}.cancel-confirm-modal h4{margin:0 0 1rem;font-size:1.1rem;color:var(--text-primary)}.cancel-warning-box{display:flex;gap:1rem;background:#fff8e6;border:1px solid #f0c36d;border-radius:8px;padding:1rem;margin-bottom:1.5rem}.cancel-warning-box svg{width:24px;height:24px;color:#d4a012;flex-shrink:0;margin-top:2px}.cancel-warning-box p{margin:0 0 .5rem;font-size:.9rem;color:var(--text-primary)}.cancel-warning-box ul{margin:0;padding-left:1.25rem;font-size:.85rem;color:var(--text-secondary)}.cancel-warning-box li{margin-bottom:.25rem}.cancel-confirm-buttons{display:flex;gap:.75rem;justify-content:flex-end}.cancel-confirm-back{padding:.7rem 1.25rem;border:1px solid var(--border-light);background:#fff;color:var(--text-primary);border-radius:8px;font-size:.9rem;cursor:pointer;transition:background .2s ease}.cancel-confirm-back:hover{background:#f5f5f5}.cancel-confirm-yes{display:flex;align-items:center;gap:.5rem;padding:.7rem 1.25rem;border:none;background:#b0766a;color:#fff;border-radius:8px;font-size:.9rem;cursor:pointer;transition:background .2s ease}.cancel-confirm-yes:hover{background:#996058}.cancel-confirm-yes:disabled{opacity:.7;cursor:not-allowed}.cancel-confirm-back:disabled{opacity:.7;cursor:not-allowed}.subscription-success{color:var(--success-green);background:#4caf501a;padding:.75rem 1rem;border-radius:8px;margin-top:1rem;font-size:.9rem}.subscription-error{color:#f44336;background:#f443361a;padding:.75rem 1rem;border-radius:8px;margin-top:1rem;font-size:.9rem}.subscription-result{margin-top:1rem}.subscription-sent-preview{background:#f9f9f9;border:1px solid var(--border-light);border-radius:8px;padding:1rem;margin-top:.75rem}.subscription-sent-preview .preview-title{font-size:.85rem;color:var(--text-secondary);margin:0 0 .75rem;font-weight:500}.subscription-sent-preview .preview-content{background:#fff;border:1px solid var(--border-light);border-radius:6px;padding:.75rem}.subscription-sent-preview .preview-content p{margin:0 0 .5rem;font-size:.85rem;color:var(--text-primary)}.subscription-sent-preview .preview-content p:last-child{margin-bottom:0}.btn-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:768px){.profile-screen{width:100vw;max-width:100%}.profile-container{flex-direction:column;padding:.5rem;width:100%;max-width:100%}.profile-sidebar{width:100%;max-width:100%;position:static;padding:1rem;box-sizing:border-box}.profile-header{padding-bottom:1rem;width:100%}.profile-avatar-large{width:60px;height:60px;font-size:1.5rem}.profile-user-name{font-size:1rem;max-width:100%;overflow:hidden;text-overflow:ellipsis}.profile-user-email{font-size:.75rem;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-nav{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;width:100%}.profile-nav-item{padding:.6rem .5rem;font-size:.75rem;justify-content:center;text-align:center;flex-direction:column;gap:.25rem}.profile-nav-item svg{width:18px;height:18px}.profile-logout-btn{margin-top:1rem;padding:.6rem;font-size:.8rem}.history-item{flex-direction:column;align-items:flex-start}.history-results{width:100%;justify-content:flex-start}.profile-welcome h2{font-size:1.25rem}.profile-welcome p{font-size:.9rem}.profile-content{width:100%;max-width:100%;padding:.5rem;box-sizing:border-box}}.subscription-badge{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border-radius:12px;margin-bottom:1.5rem;font-size:.9rem;font-weight:500}.subscription-badge svg{width:20px;height:20px;flex-shrink:0}.subscription-badge.active{background:#6b8e231a;border:1px solid rgba(107,142,35,.3);color:#6b8e23}.subscription-badge.inactive{background:#cd5c5c1a;border:1px solid rgba(205,92,92,.3);color:#cd5c5c}.subscription-badge.free-tier{background:#4682b41a;border:1px solid rgba(70,130,180,.3);color:#4682b4}.subscription-badge button{background:var(--primary-orange);color:#fff;border:none;padding:.4rem .8rem;border-radius:6px;font-size:.8rem;font-weight:600;cursor:pointer;margin-left:.5rem;transition:all .2s ease}.subscription-badge button:hover{background:var(--primary-orange-hover)}.premium-badge{background:var(--primary-orange);color:#fff;font-size:.6rem;font-weight:600;padding:.2rem .45rem;border-radius:4px;margin-left:.5rem;text-transform:uppercase;letter-spacing:.3px}.subscription-screen{min-height:100vh;padding:2rem 1rem;background:linear-gradient(180deg,#faf8f5,#f5f0eb)}.subscription-container{max-width:600px;margin:0 auto}.subscription-header{text-align:center;margin-bottom:2rem}.subscription-icon{width:80px;height:80px;margin:0 auto 1rem;background:linear-gradient(135deg,#f5f0eb,#ede6dd);border-radius:50%;display:flex;align-items:center;justify-content:center}.subscription-icon svg{width:40px;height:40px;color:var(--primary-orange)}.subscription-header h1{font-size:1.75rem;color:var(--text-dark);margin-bottom:.5rem;font-weight:600}.subscription-tagline{color:var(--text-gray);font-size:1rem}.payment-success-banner{display:flex;align-items:center;gap:1rem;background:#6b8e231a;border:1px solid rgba(107,142,35,.3);border-radius:12px;padding:1rem 1.25rem;margin-bottom:2rem}.payment-success-banner svg{width:32px;height:32px;color:#6b8e23;flex-shrink:0}.payment-success-banner strong{color:#6b8e23;display:block;margin-bottom:.25rem}.payment-success-banner p{color:var(--text-gray);font-size:.9rem;margin:0}.subscription-price-card{background:#fff;border-radius:16px;padding:2rem;text-align:center;box-shadow:0 4px 20px #00000014;margin-bottom:2rem;border:2px solid var(--primary-orange);position:relative}.price-badge{background:var(--primary-orange);color:#fff;font-size:.75rem;font-weight:600;padding:.4rem 1rem;border-radius:20px;position:absolute;top:-12px;left:50%;transform:translate(-50%);text-transform:uppercase;letter-spacing:.5px}.price-amount{margin:1rem 0}.price-value{font-size:3rem;font-weight:700;color:var(--primary-orange)}.price-period{font-size:1.2rem;color:var(--text-gray)}.price-description{color:var(--text-gray);font-size:.9rem;margin:0}.subscription-benefits{margin-bottom:2rem}.subscription-benefits h3{text-align:center;color:var(--text-dark);margin-bottom:1.25rem;font-size:1.25rem}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.benefit-card{display:flex;align-items:flex-start;gap:1rem;background:#fff;padding:1.25rem;border-radius:12px;box-shadow:0 2px 8px #0000000d;border:1px solid var(--border-light);transition:all .2s ease}.benefit-card:hover{border-color:#8b73554d;box-shadow:0 4px 12px #00000014}.benefit-icon-svg{width:44px;height:44px;min-width:44px;background:linear-gradient(135deg,#f5f0eb,#ede6dd);border-radius:10px;display:flex;align-items:center;justify-content:center}.benefit-icon-svg svg{width:22px;height:22px;color:var(--primary-orange)}.benefit-content strong{display:block;color:var(--text-dark);margin-bottom:.35rem;font-size:.95rem;font-weight:600}.benefit-content p{color:var(--text-gray);font-size:.85rem;margin:0;line-height:1.5}.subscription-actions{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.subscribe-button{display:flex;align-items:center;justify-content:center;gap:.75rem;background:var(--primary-orange);color:#fff;border:none;padding:1rem 2rem;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .2s ease;width:100%}.subscribe-button svg{width:24px;height:24px}.subscribe-button:hover{background:var(--primary-orange-hover);transform:translateY(-2px);box-shadow:0 4px 12px #8b73554d}.back-button{background:transparent;color:var(--text-gray);border:1px solid var(--border-light);padding:.75rem 1.5rem;border-radius:8px;font-size:.95rem;cursor:pointer;transition:all .2s ease}.back-button:hover{border-color:var(--primary-orange);color:var(--primary-orange)}.already-subscribed{display:flex;align-items:center;gap:1rem;background:#6b8e231a;border:1px solid rgba(107,142,35,.3);border-radius:12px;padding:1.25rem}.already-subscribed svg{width:40px;height:40px;flex-shrink:0}.already-subscribed strong{color:#6b8e23;display:block;margin-bottom:.25rem}.already-subscribed p{color:var(--text-gray);font-size:.9rem;margin:0}.subscription-footer{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap;padding-top:1rem;border-top:1px solid var(--border-light)}.footer-item{display:flex;align-items:center;gap:.5rem;color:var(--text-gray);font-size:.85rem}.footer-item svg{width:18px;height:18px;color:var(--text-light)}.paywall-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.paywall-modal{background:#fff;border-radius:20px;padding:2rem;max-width:400px;width:100%;text-align:center;position:relative;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.paywall-modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:1.5rem;color:var(--text-light);cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.paywall-modal-close:hover{background:var(--bg-light);color:var(--text-dark)}.paywall-icon{margin-bottom:1rem}.paywall-icon svg{width:56px;height:56px;color:var(--primary-orange)}.paywall-modal h2{font-size:1.5rem;color:var(--text-dark);margin-bottom:.75rem}.paywall-message{color:var(--text-gray);font-size:.95rem;margin-bottom:1.5rem;line-height:1.5}.paywall-price{margin-bottom:1.5rem}.paywall-price-value{font-size:2.5rem;font-weight:700;color:var(--primary-orange)}.paywall-price-period{font-size:1rem;color:var(--text-gray)}.paywall-benefits-mini{background:var(--bg-light);border-radius:12px;padding:1rem 1.25rem;margin-bottom:1.5rem;text-align:left}.paywall-benefit{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;font-size:.9rem;color:var(--text-dark)}.paywall-benefit svg{width:18px;height:18px;min-width:18px;color:var(--success-green)}.paywall-actions{display:flex;flex-direction:column;gap:.75rem}.paywall-subscribe-button{background:var(--primary-orange);color:#fff;border:none;padding:1rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.paywall-subscribe-button:hover{background:var(--primary-orange-hover)}.paywall-cancel-button{background:transparent;color:var(--text-gray);border:none;padding:.75rem;font-size:.9rem;cursor:pointer;transition:color .2s ease}.paywall-cancel-button:hover{color:var(--text-dark)}@media(max-width:480px){.subscription-header h1{font-size:1.5rem}.price-value{font-size:2.5rem}.benefits-grid{grid-template-columns:1fr}.paywall-modal{padding:1.5rem}.paywall-price-value{font-size:2rem}}.exam-dev-stats-section{margin-top:2rem;padding-top:2rem;border-top:2px solid var(--border-light)}.exam-dev-stats-section .section-title{display:flex;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:600;color:var(--text-dark);margin-bottom:1.5rem}.exam-dev-stats-section .section-icon{width:24px;height:24px;color:var(--primary-orange)}.exam-dev-empty{text-align:center;padding:2rem;background:#f8f9fa;border-radius:12px;color:var(--text-gray)}.exam-dev-empty p:first-child{font-size:1.1rem;margin-bottom:.5rem}.exam-dev-empty p:last-child{font-size:.9rem;opacity:.8}.exam-dev-summary{margin-bottom:1.5rem}.exam-dev-performance-card{background:#fff;border:2px solid;border-radius:16px;padding:1.5rem;box-shadow:0 4px 12px #00000014}.performance-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem}.performance-emoji{font-size:2rem}.performance-title{font-size:1.25rem;font-weight:600}.performance-stats{display:flex;justify-content:space-around;gap:1rem}.performance-stat{display:flex;flex-direction:column;align-items:center;text-align:center}.performance-stat .stat-value{font-size:2rem;font-weight:700;line-height:1.2}.performance-stat .stat-label{font-size:.85rem;color:var(--text-gray);margin-top:.25rem}.exam-dev-table .score-badge{display:inline-block;padding:.25rem .5rem;border-radius:6px;font-weight:600;font-size:.9rem}.exam-dev-table .temas-cell{max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:768px){.exam-dev-performance-card{padding:1rem}.performance-emoji{font-size:1.5rem}.performance-title{font-size:1rem}.performance-stats{flex-direction:column;gap:.75rem}.performance-stat{flex-direction:row;justify-content:space-between;width:100%;padding:.5rem 0;border-bottom:1px solid var(--border-light)}.performance-stat:last-child{border-bottom:none}.performance-stat .stat-value{font-size:1.5rem}.exam-dev-table .temas-cell{max-width:100px}}.stats-header{margin-bottom:1.5rem}.stats-header h2{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:600;color:var(--text-dark)}.stats-header-icon{width:28px;height:28px;color:var(--primary-orange)}.stats-header-icon svg{width:100%;height:100%}.stats-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;background:#f5f5f5;padding:.375rem;border-radius:12px}.stats-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1rem;background:transparent;border:none;border-radius:8px;font-size:.95rem;font-weight:500;color:var(--text-gray);cursor:pointer;transition:all .2s ease}.stats-tab svg{width:20px;height:20px;flex-shrink:0}.stats-tab:hover{color:var(--text-dark);background:#8b73551a}.stats-tab.active{background:#fff;color:var(--primary-orange);box-shadow:0 2px 8px #00000014}.performance-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center}.performance-icon svg{width:100%;height:100%}@media(max-width:600px){.stats-tabs{flex-direction:column}.stats-tab{justify-content:flex-start;padding:.75rem 1rem}}.asignatura-selected-banner{display:flex;align-items:center;justify-content:space-between;gap:1rem;background:linear-gradient(135deg,#e3f2fd,#bbdefb);border:1px solid #90CAF9;border-radius:12px;padding:.75rem 1rem;margin-bottom:1.5rem}.asignatura-selected-banner .banner-content{display:flex;align-items:center;gap:.75rem;color:#1565c0}.asignatura-selected-banner .banner-content svg{width:22px;height:22px;stroke:#1565c0;flex-shrink:0}.asignatura-selected-banner .banner-content span{font-size:1rem}.asignatura-selected-banner .banner-content strong{color:#0d47a1}.banner-clear-btn{display:flex;align-items:center;gap:.4rem;padding:.5rem .875rem;background:#fff;color:#666;border:1px solid #ddd;border-radius:8px;font-size:.85rem;cursor:pointer;transition:all .2s ease}.banner-clear-btn:hover{background:#f5f5f5;border-color:#bbb}.banner-clear-btn svg{width:14px;height:14px;stroke:#666}@media(max-width:600px){.asignatura-selected-banner{flex-direction:column;gap:.75rem;text-align:center}.asignatura-selected-banner .banner-content{justify-content:center}}.asignaturas-screen{max-width:800px;width:100%;margin:0 auto;padding:1.5rem;min-height:100vh;overflow-x:hidden}.asignaturas-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.asignaturas-header h1{font-size:1.5rem;font-weight:600;color:var(--text-dark);margin:0}.back-arrow-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:var(--bg-white);border-radius:12px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #0000000f}.back-arrow-btn:hover{background:var(--bg-light);transform:translate(-2px)}.back-arrow-btn svg{width:24px;height:24px;stroke:var(--text-gray)}.asignaturas-search-container{margin-bottom:1.5rem}.asignaturas-search-box{display:flex;align-items:center;background:var(--bg-white);border:2px solid var(--border-light);border-radius:16px;padding:.75rem 1rem;gap:.75rem;transition:all .2s ease;box-shadow:0 2px 8px #0000000a}.asignaturas-search-box:focus-within{border-color:var(--primary-orange);box-shadow:0 4px 12px #8b735526}.asignaturas-search-box .search-icon{width:20px;height:20px;stroke:var(--text-light);flex-shrink:0}.asignaturas-search-input{flex:1;border:none;outline:none;font-size:1rem;background:transparent;color:var(--text-dark)}.asignaturas-search-input::placeholder{color:var(--text-light)}.search-clear-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:var(--bg-light);border-radius:50%;cursor:pointer;transition:all .2s ease}.search-clear-btn:hover{background:var(--error-red)}.search-clear-btn:hover svg{stroke:#fff}.search-clear-btn svg{width:14px;height:14px;stroke:var(--text-light)}.asignaturas-list{display:flex;flex-direction:column;gap:.75rem;width:100%;overflow-x:hidden}.asignaturas-count{font-size:.9rem;color:var(--text-gray);margin-bottom:.5rem;padding-left:.25rem}.asignatura-card{display:flex;align-items:center;gap:1rem;background:var(--bg-white);border-radius:16px;padding:1rem 1.25rem;box-shadow:0 2px 8px #0000000a;transition:all .2s ease;border:1px solid var(--border-light);width:100%;max-width:100%}.asignatura-card:hover{box-shadow:0 4px 16px #00000014;transform:translateY(-1px)}.asignatura-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,var(--primary-orange) 0%,var(--primary-orange-hover) 100%);border-radius:12px;flex-shrink:0}.asignatura-icon svg{width:24px;height:24px;stroke:#fff}.asignatura-info{flex:1;min-width:0}.asignatura-info h3{font-size:1rem;font-weight:600;color:var(--text-dark);margin:0 0 .25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.asignatura-id{font-size:.8rem;color:var(--text-light)}.asignatura-actions{display:flex;gap:.5rem;flex-shrink:0}.asignatura-test-btn,.asignatura-exam-btn{display:flex;align-items:center;justify-content:center;padding:.5rem .75rem;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:.8rem;font-weight:600;color:#fff;white-space:nowrap}.asignatura-test-btn{background:linear-gradient(135deg,#4caf50,#45a049)}.asignatura-test-btn:hover{transform:scale(1.02);box-shadow:0 4px 12px #4caf504d}.asignatura-exam-btn{background:linear-gradient(135deg,#2196f3,#1976d2)}.asignatura-exam-btn:hover{transform:scale(1.02);box-shadow:0 4px 12px #2196f34d}.asignaturas-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;gap:1rem}.asignaturas-loading p{color:var(--text-gray);font-size:.95rem}.asignaturas-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;gap:1rem;color:var(--text-light)}.asignaturas-empty svg{width:64px;height:64px;stroke:var(--text-light);opacity:.5}.asignaturas-empty p{font-size:1rem}.asignaturas-no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;gap:1rem;background:var(--bg-white);border-radius:16px;border:1px dashed var(--border-light)}.asignaturas-no-results svg{width:48px;height:48px;stroke:var(--text-light)}.asignaturas-no-results p{color:var(--text-gray);font-size:.95rem;text-align:center}.clear-search-btn{padding:.5rem 1rem;background:var(--primary-orange);color:#fff;border:none;border-radius:8px;font-size:.9rem;cursor:pointer;transition:all .2s ease}.clear-search-btn:hover{background:var(--primary-orange-hover)}@media(max-width:600px){.asignaturas-screen{padding:1rem;overflow-x:hidden;width:100%;box-sizing:border-box}.asignaturas-list{overflow-x:hidden}.asignaturas-header h1{font-size:1.25rem}.asignatura-card{padding:.75rem;gap:.5rem;width:100%;box-sizing:border-box}.asignatura-icon{width:36px;height:36px;border-radius:8px}.asignatura-icon svg{width:18px;height:18px}.asignatura-info{flex:1;min-width:0;overflow:hidden}.asignatura-info h3{font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.asignatura-id{font-size:.75rem}.asignatura-actions{gap:.35rem}.asignatura-test-btn,.asignatura-exam-btn{padding:.4rem .5rem;font-size:.7rem;border-radius:6px}}@media(max-width:380px){.asignatura-card{padding:.5rem;gap:.3rem}.asignatura-icon{display:none}.asignatura-info h3{font-size:.8rem}.asignatura-test-btn,.asignatura-exam-btn{padding:.35rem .4rem;font-size:.65rem}}