body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}:root{--primary-color:#4a90d9;--primary-hover:#357abd;--secondary-color:#6c757d;--background-color:#f5f7fa;--card-background:#fff;--text-color:#333;--text-secondary:#666;--error-color:#dc3545;--border-color:#dee2e6;--shadow:0 2px 8px #0000001a}body{background-color:#f5f7fa;background-color:var(--background-color);color:#333;color:var(--text-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;line-height:1.6}.page,body{min-height:100vh}.container{margin:0 auto;max-width:480px;padding:20px}.navbar{align-items:center;background-color:#fff;background-color:var(--card-background);box-shadow:0 2px 8px #0000001a;box-shadow:var(--shadow);display:flex;justify-content:space-between;padding:15px 20px}.nav-brand{color:#4a90d9;color:var(--primary-color);font-size:1.25rem;font-weight:700}.nav-links{display:flex;gap:10px}.nav-btn{background-color:#4a90d9;background-color:var(--primary-color);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;padding:8px 16px;transition:background-color .2s}.nav-btn:hover{background-color:#357abd;background-color:var(--primary-hover)}.nav-btn-secondary{background-color:#6c757d;background-color:var(--secondary-color)}.nav-btn-secondary:hover{background-color:#5a6268}.card{margin-top:40px}.card,.welcome-card{background:#fff;background:var(--card-background);border-radius:12px;box-shadow:0 2px 8px #0000001a;box-shadow:var(--shadow);padding:30px}.welcome-card{margin-top:20px;text-align:center}.welcome-card h1{font-size:1.5rem;margin-bottom:10px}.coins{color:#666;color:var(--text-secondary);font-size:1.1rem}.placeholder-section{background:#fff;background:var(--card-background);border-radius:12px;box-shadow:0 2px 8px #0000001a;box-shadow:var(--shadow);margin-top:20px;padding:25px}.placeholder-section h2{color:#333;color:var(--text-color);font-size:1.2rem;margin-bottom:10px}.placeholder-text{color:#666;color:var(--text-secondary);font-style:italic}.title{color:#4a90d9;color:var(--primary-color);font-size:1.75rem;margin-bottom:10px}.subtitle,.title{text-align:center}.subtitle{color:#666;color:var(--text-secondary);font-size:1.25rem;font-weight:400;margin-bottom:25px}.form{gap:20px}.form,.form-group{display:flex;flex-direction:column}.form-group{gap:6px}.form-group label{color:#666;color:var(--text-secondary);font-size:.9rem;font-weight:500}.form-group input{border:1px solid #dee2e6;border:1px solid var(--border-color);border-radius:8px;font-size:1rem;padding:12px 16px;transition:border-color .2s,box-shadow .2s;width:100%}.form-group input:focus{border-color:#4a90d9;border-color:var(--primary-color);box-shadow:0 0 0 3px #4a90d926;outline:none}.form-group input:disabled{background-color:#f5f7fa;background-color:var(--background-color);cursor:not-allowed}.btn{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;padding:14px 20px;transition:background-color .2s,transform .1s;width:100%}.btn:active{transform:scale(.98)}.btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.btn-primary{background-color:#4a90d9;background-color:var(--primary-color);color:#fff}.btn-primary:hover:not(:disabled){background-color:#357abd;background-color:var(--primary-hover)}.toggle-link{margin-top:20px;text-align:center}.link-btn{background:none;border:none;color:#4a90d9;color:var(--primary-color);cursor:pointer;font-size:.95rem;text-decoration:underline}.link-btn:hover{color:#357abd;color:var(--primary-hover)}.error{background-color:#f8d7da;border-radius:6px;color:#dc3545;color:var(--error-color);font-size:.9rem;padding:12px;text-align:center}.loading{align-items:center;color:#666;color:var(--text-secondary);display:flex;font-size:1.2rem;justify-content:center;min-height:100vh}.avatar-selection{margin-bottom:10px}.avatar-selection label{color:#666;color:var(--text-secondary);display:block;font-size:.9rem;font-weight:500;margin-bottom:10px}.avatar-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(3,1fr)}.avatar-option{aspect-ratio:1;background:#fff;background:var(--card-background);border:3px solid #dee2e6;border:3px solid var(--border-color);border-radius:12px;cursor:pointer;padding:8px;transition:border-color .2s,transform .1s}.avatar-option.selected,.avatar-option:hover{border-color:#4a90d9;border-color:var(--primary-color)}.avatar-option.selected{box-shadow:0 0 0 3px #4a90d933}.avatar-option img{border-radius:8px;height:100%;object-fit:contain;width:100%}.avatar-option:disabled{cursor:not-allowed;opacity:.6}.avatar-option .avatar-name{color:#666;color:var(--text-secondary);display:block;font-size:.75rem;font-weight:500;margin-top:4px;text-align:center}.avatar-preview-simple{border-radius:12px;height:120px;margin:20px auto 15px;overflow:hidden;width:120px}.avatar-preview-simple img{height:100%;object-fit:cover;width:100%}.character-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(2,1fr);margin-top:15px}.character-card{background:#fff;background:var(--card-background);border:2px solid #0000;border-radius:12px;box-shadow:0 2px 8px #0000001a;box-shadow:var(--shadow);padding:15px;text-align:center;transition:border-color .2s}.character-card.active{border-color:#4a90d9;border-color:var(--primary-color)}.character-avatar{aspect-ratio:1;border-radius:12px;margin-bottom:10px;overflow:hidden;width:100%}.character-avatar img{height:100%;object-fit:cover;width:100%}.character-name{color:#333;color:var(--text-color);font-size:1rem;font-weight:600;margin-bottom:5px}.character-level{background:#4a90d9;background:var(--primary-color);border-radius:10px;color:#fff;display:inline-block;font-size:.75rem;font-weight:600;margin-bottom:8px;padding:2px 8px}.xp-bar-container{background:#dee2e6;background:var(--border-color);border-radius:4px;height:8px;margin-bottom:10px;overflow:hidden}.xp-bar{background:#4a90d9;background:var(--primary-color);border-radius:4px;height:100%;transition:width .3s ease}.xp-text{color:#333;color:var(--text-color);font-size:.9rem;font-weight:600;margin-bottom:2px}.xp-text-secondary{color:#666;color:var(--text-secondary);font-size:.7rem;margin-bottom:10px}.character-btn{border:none;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:500;padding:8px 12px;transition:background-color .2s;width:100%}.character-btn-primary{background-color:#4a90d9;background-color:var(--primary-color);color:#fff}.character-btn-primary:hover{background-color:#357abd;background-color:var(--primary-hover)}.character-btn-active{background-color:#dee2e6;background-color:var(--border-color);color:#666;color:var(--text-secondary);cursor:default}.active-indicator{background:#27ae60;border-radius:4px;color:#fff;display:inline-block;font-size:.7rem;font-weight:600;margin-left:5px;padding:2px 6px}.characters-section{background:#fff;background:var(--card-background);border-radius:12px;box-shadow:0 2px 8px #0000001a;box-shadow:var(--shadow);margin-top:20px;padding:20px}.characters-section h2{color:#333;color:var(--text-color);font-size:1.2rem;margin-bottom:5px}.categories-section{background:#fff;background:var(--card-background);border-radius:12px;box-shadow:0 2px 8px #0000001a;box-shadow:var(--shadow);margin-top:20px;padding:20px}.categories-section h2{color:#333;color:var(--text-color);font-size:1.2rem;margin-bottom:15px}.category-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr}.category-card{background:#f5f7fa;background:var(--background-color);border:1px solid #dee2e6;border:1px solid var(--border-color);border-radius:10px;padding:15px}.category-name{color:#333;color:var(--text-color);font-size:1.1rem;font-weight:600;margin-bottom:5px}.category-description{color:#666;color:var(--text-secondary);font-size:.85rem;margin-bottom:10px}.category-info{display:flex;gap:15px;margin-bottom:12px}.category-stat{color:#666;color:var(--text-secondary);font-size:.8rem}.category-btn{background-color:#4a90d9;background-color:var(--primary-color);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:10px;transition:background-color .2s;width:100%}.category-btn:hover:not(:disabled){background-color:#357abd;background-color:var(--primary-hover)}.category-btn:disabled{background-color:#dee2e6;background-color:var(--border-color);color:#666;color:var(--text-secondary);cursor:not-allowed}.warning-text{color:#e67e22;font-size:.9rem;margin-bottom:15px}.game-page{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh}.game-header{align-items:center;background:#ffffff1a;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;padding:15px 20px}.game-progress{color:#fff;font-size:1.1rem;font-weight:600}.game-correct-count{background:#4caf504d;border-radius:12px;color:#ffffffe6;font-size:.9rem;padding:4px 12px}.game-end-btn{background:#f4433699;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;padding:8px 16px;transition:background .2s}.game-end-btn:hover{background:#f44336cc}.game-container{margin:0 auto;max-width:480px;padding:20px}.game-category{color:#fffc;font-size:.9rem;margin-bottom:15px;text-align:center}.game-loading{align-items:center;color:#fff;display:flex;font-size:1.2rem;justify-content:center;min-height:100vh}.timer-container{margin-bottom:20px}.timer-bar-bg{background:#ffffff4d;border-radius:10px;height:12px;overflow:hidden}.timer-bar{background:#2ecc71;border-radius:10px;height:100%;transition:width .2s linear}.timer-bar.timer-warning{animation:pulse .5s infinite;background:#e74c3c}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.timer-text{color:#fff;font-size:1.5rem;font-weight:700;margin-top:8px;text-align:center}.timer-text-warning{color:#e74c3c}.question-card{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000026;margin-bottom:25px;padding:30px 20px}.question-text{color:#333;color:var(--text-color);font-size:2rem;font-weight:700;text-align:center}.answers-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.answer-btn{align-items:center;background:#fff;border:3px solid #0000;border-radius:12px;cursor:pointer;display:flex;gap:12px;min-height:60px;padding:16px;transition:all .2s}.answer-btn:hover:not(:disabled){box-shadow:0 4px 15px #00000026;transform:scale(1.02)}.answer-btn:disabled{cursor:default}.answer-btn.answer-correct{background:#2ecc71;border-color:#27ae60;color:#fff}.answer-btn.answer-wrong{background:#e74c3c;border-color:#c0392b;color:#fff}.answer-btn.answer-missed{opacity:.6}.answer-label{align-items:center;background:#4a90d9;background:var(--primary-color);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.9rem;font-weight:700;height:32px;justify-content:center;width:32px}.answer-correct .answer-label,.answer-wrong .answer-label{background:#ffffff4d}.answer-text{color:#333;color:var(--text-color);font-size:1.2rem;font-weight:600}.answer-correct .answer-text,.answer-wrong .answer-text{color:#fff}.results-page{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh}.results-container{max-width:400px;padding:20px;width:100%}.results-card{background:#fff;border-radius:20px;box-shadow:0 10px 40px #0003;padding:30px;text-align:center}.results-emoji{font-size:4rem;margin-bottom:10px}.results-title{color:#333;color:var(--text-color);font-size:1.8rem}.results-score,.results-title{margin-bottom:25px}.score-circle{align-items:baseline;display:flex;gap:2px;justify-content:center;margin-bottom:5px}.score-number{color:#4a90d9;color:var(--primary-color);font-size:3rem;font-weight:700}.score-divider{font-size:2rem}.score-divider,.score-total{color:#666;color:var(--text-secondary)}.score-total{font-size:1.5rem}.score-percentage{color:#666;color:var(--text-secondary);font-size:1rem}.results-rewards{background:#f5f7fa;background:var(--background-color);border-radius:12px;display:flex;gap:40px;justify-content:center;margin-bottom:25px;padding:20px}.reward-item{align-items:center;display:flex;flex-direction:column;gap:5px}.reward-icon{font-size:1.5rem}.reward-value{color:#4a90d9;color:var(--primary-color);font-size:1.4rem;font-weight:700}.reward-label{color:#666;color:var(--text-secondary);font-size:.8rem;text-transform:uppercase}.results-character{background:#f5f7fa;background:var(--background-color);border-radius:10px;margin-bottom:25px;padding:15px}.character-stats{display:flex;justify-content:space-between;padding:5px 0}.stat-label{color:#666;color:var(--text-secondary)}.stat-value{color:#333;color:var(--text-color);font-weight:600}.results-actions{display:flex;flex-direction:column;gap:12px}.btn-secondary{background-color:#6c757d;background-color:var(--secondary-color);color:#fff}.btn-secondary:hover:not(:disabled){background-color:#5a6268}.store-header{margin-bottom:20px;margin-top:20px;text-align:center}.store-header h1{color:#4a90d9;color:var(--primary-color);font-size:1.75rem;margin-bottom:5px}.coin-display{background-color:#f8d64e;border-radius:20px;color:#5c4813;font-size:.9rem;font-weight:600;padding:8px 16px}.store-items{display:flex;flex-direction:column;gap:15px}.store-item-card{background:#fff;background:var(--card-background);border-radius:12px;box-shadow:0 2px 8px #0000001a;box-shadow:var(--shadow);padding:20px}.store-item-card.disabled{opacity:.7}.store-item-avatar{aspect-ratio:1;background:#f5f7fa;background:var(--background-color);border-radius:12px;margin-bottom:12px;overflow:hidden;width:100%}.store-item-avatar img{height:100%;object-fit:cover;width:100%}.store-item-name{color:#333;color:var(--text-color);font-size:1.2rem;font-weight:600;margin-bottom:8px}.store-item-description{color:#666;color:var(--text-secondary);font-size:.9rem;margin-bottom:12px}.store-item-price{color:#4a90d9;color:var(--primary-color);font-size:1.1rem;font-weight:700;margin-bottom:15px}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;background:var(--card-background);border-radius:16px;box-shadow:0 10px 40px #0003;max-height:90vh;max-width:400px;overflow-y:auto;padding:30px;width:100%}.modal-content h2{color:#333;color:var(--text-color);font-size:1.4rem;margin-bottom:10px;text-align:center}.modal-subtitle{color:#666;color:var(--text-secondary);margin-bottom:20px;text-align:center}.modal-actions{display:flex;flex-direction:column;gap:10px;margin-top:20px}.success-message{color:#27ae60;font-size:1rem;margin-bottom:10px;text-align:center}.remaining-coins{color:#666;color:var(--text-secondary);margin-bottom:20px;text-align:center}.levelup-notification{align-items:center;animation:pulse 1s infinite;background:linear-gradient(135deg,#f6d365,#fda085);border-radius:10px;display:flex;gap:10px;justify-content:center;margin-bottom:20px;padding:15px}.levelup-notification-icon{font-size:1.5rem}.levelup-notification-text{color:#333;font-weight:600}.levelup-page{background:linear-gradient(135deg,#f6d365,#fda085)}.levelup-loading,.levelup-page{align-items:center;display:flex;justify-content:center;min-height:100vh}.levelup-loading{color:#333;font-size:1.2rem}.levelup-container{max-width:480px;padding:20px;width:100%}.levelup-card{background:#fff;border-radius:20px;box-shadow:0 10px 40px #0003;padding:30px}.levelup-celebration{margin-bottom:30px;text-align:center}.levelup-stars{animation:bounce .5s ease infinite alternate;font-size:4rem}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-10px)}}.levelup-title{color:#f6a623;font-size:2.5rem;margin-bottom:10px;text-shadow:2px 2px 4px #0000001a}.levelup-level{color:#666;color:var(--text-secondary);font-size:1.2rem}.levelup-slot{margin-bottom:25px}.slot-title{color:#333;color:var(--text-color);font-size:1.2rem;margin-bottom:15px;text-align:center}.options-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.option-card{background:#f5f7fa;background:var(--background-color);border:3px solid #0000;border-radius:12px;cursor:pointer;padding:15px;text-align:center;transition:all .2s}.option-card:hover:not(:disabled){border-color:#4a90d9;border-color:var(--primary-color);transform:scale(1.02)}.option-card.selected{background:#fff8e7;border-color:#f6a623;box-shadow:0 0 0 3px #f6a62333}.option-card:disabled{cursor:not-allowed;opacity:.7}.option-name{color:#333;color:var(--text-color);font-weight:600;margin-bottom:5px}.option-description{color:#666;color:var(--text-secondary);font-size:.85rem}.levelup-confirm-btn{background:linear-gradient(135deg,#f6a623,#e8920c);margin-top:20px}.levelup-confirm-btn:hover:not(:disabled){background:linear-gradient(135deg,#e8920c,#d98a0a)}.levelup-avatar-reveal{margin-bottom:25px;text-align:center}.avatar-preview{border-radius:20px;box-shadow:0 5px 20px #00000026;height:150px;margin:0 auto 15px;overflow:hidden;width:150px}.avatar-preview img{height:100%;object-fit:cover;width:100%}.avatar-reveal-text{color:#4a90d9;color:var(--primary-color);font-size:1.1rem;font-weight:600}@media (max-width:480px){.container{padding:15px}.card{margin-top:20px;padding:25px 20px}.navbar{padding:12px 15px}.nav-btn{font-size:.85rem;padding:6px 12px}}.generating-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.generating-overlay p{color:#fff;font-size:1.2rem;margin-top:20px;text-align:center}.spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#f6a623;height:50px;width:50px}.error-banner{align-items:center;background:#ffebee;border-radius:8px;color:#c62828;display:flex;justify-content:space-between;margin:15px 0;padding:12px 20px}.error-banner-close{background:none;border:none;color:#c62828;cursor:pointer;font-size:1.5rem;line-height:1;padding:0 5px}.error-banner-close:hover{color:#8b0000}.admin-layout{display:flex;min-height:100vh}.admin-sidebar{background:var(--card-background);box-shadow:2px 0 8px #0000001a;display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;width:220px}.admin-sidebar-header{border-bottom:1px solid var(--border-color);padding:20px}.admin-sidebar-header h1{color:var(--primary-color);font-size:1.25rem;margin:0}.admin-nav{flex:1 1;padding:15px 0}.admin-nav-item{color:var(--text-color);display:block;font-size:.95rem;padding:12px 20px;text-decoration:none;transition:background-color .2s,color .2s}.admin-nav-item:hover{background-color:var(--background-color)}.admin-nav-item.active{background-color:var(--primary-color);color:#fff}.admin-sidebar-footer{border-top:1px solid var(--border-color);padding:15px}.admin-logout-btn{background:var(--secondary-color);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;margin-top:10px;padding:10px;transition:background-color .2s;width:100%}.admin-logout-btn:hover{background-color:#5a6268}.admin-main{background:var(--background-color);flex:1 1;margin-left:220px;min-height:100vh;padding:20px 30px}.admin-page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:25px}.admin-page-header h2{color:var(--text-color);font-size:1.5rem;margin:0}.admin-table-container{background:var(--card-background);border-radius:12px;box-shadow:var(--shadow);overflow:hidden}.admin-table{border-collapse:collapse;width:100%}.admin-table td,.admin-table th{border-bottom:1px solid var(--border-color);padding:12px 15px;text-align:left}.admin-table th{background:var(--background-color);color:var(--text-secondary);font-size:.85rem;font-weight:600;text-transform:uppercase}.admin-table tr:hover{background-color:var(--background-color)}.admin-table tr:last-child td{border-bottom:none}.admin-btn{border:none;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:500;padding:8px 16px;transition:background-color .2s}.admin-btn-primary{background:var(--primary-color);color:#fff}.admin-btn-primary:hover{background:var(--primary-hover)}.admin-btn-secondary{background:var(--secondary-color);color:#fff}.admin-btn-secondary:hover{background:#5a6268}.admin-btn-danger{background:var(--error-color);color:#fff}.admin-btn-danger:hover{background:#c82333}.admin-btn-small{font-size:.8rem;padding:5px 10px}.admin-btn-group{display:flex;gap:8px}.admin-search{display:flex;gap:10px;margin-bottom:20px}.admin-search-input{border:1px solid var(--border-color);border-radius:6px;flex:1 1;font-size:.95rem;max-width:300px;padding:10px 15px}.admin-search-input:focus{border-color:var(--primary-color);outline:none}.admin-pagination{align-items:center;background:var(--card-background);border-top:1px solid var(--border-color);display:flex;justify-content:space-between;padding:15px}.admin-pagination-info{color:var(--text-secondary);font-size:.9rem}.admin-pagination-buttons{display:flex;gap:10px}.admin-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.admin-modal{background:var(--card-background);border-radius:12px;box-shadow:0 10px 40px #0003;max-height:90vh;max-width:500px;min-width:400px;overflow-y:auto;padding:25px}.admin-modal h3{color:var(--text-color);font-size:1.25rem;margin:0 0 20px}.admin-modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.admin-form-group{margin-bottom:15px}.admin-form-group label{color:var(--text-secondary);display:block;font-size:.9rem;font-weight:500;margin-bottom:5px}.admin-form-input{border:1px solid var(--border-color);border-radius:6px;font-size:.95rem;padding:10px 12px;width:100%}.admin-form-input:focus{border-color:var(--primary-color);outline:none}.admin-form-input:disabled{background:var(--background-color);cursor:not-allowed}.admin-card{background:var(--card-background);border-radius:12px;box-shadow:var(--shadow);margin-bottom:20px;padding:20px}.admin-card h3{color:var(--text-color);font-size:1.1rem;margin:0 0 15px}.admin-badge{border-radius:4px;display:inline-block;font-size:.75rem;font-weight:600;padding:3px 8px}.admin-badge-success{background:#d4edda;color:#155724}.admin-badge-danger{background:#f8d7da;color:#721c24}.admin-badge-info{background:#d1ecf1;color:#0c5460}.admin-tabs{border-bottom:2px solid var(--border-color);display:flex;gap:5px;margin-bottom:20px;padding-bottom:0}.admin-tab{background:none;border:none;border-bottom:2px solid #0000;color:var(--text-secondary);cursor:pointer;font-size:.95rem;margin-bottom:-2px;padding:10px 20px;transition:color .2s,border-color .2s}.admin-tab.active,.admin-tab:hover{color:var(--primary-color)}.admin-tab.active{border-bottom-color:var(--primary-color);font-weight:600}.admin-toggle{display:inline-block;height:24px;position:relative;width:44px}.admin-toggle input{height:0;opacity:0;width:0}.admin-toggle-slider{background-color:#ccc;border-radius:24px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.admin-toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:18px;left:3px;position:absolute;transition:.3s;width:18px}.admin-toggle input:checked+.admin-toggle-slider{background-color:var(--primary-color)}.admin-toggle input:checked+.admin-toggle-slider:before{transform:translateX(20px)}.admin-inline-edit{align-items:center;display:flex;gap:8px}.admin-inline-input{border:1px solid var(--border-color);border-radius:4px;font-size:.9rem;padding:5px 8px;width:80px}.admin-nested-list{border-left:2px solid var(--border-color);margin-left:20px;padding-left:15px}.admin-nested-item{border-bottom:1px solid var(--border-color);padding:10px 0}.admin-nested-item:last-child{border-bottom:none}.user-detail-header{display:flex;gap:30px;margin-bottom:30px}.user-info-card{background:var(--card-background);border-radius:12px;box-shadow:var(--shadow);flex:1 1;padding:20px}.user-info-row{border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:10px 0}.user-info-row:last-child{border-bottom:none}.user-info-label{color:var(--text-secondary);font-size:.9rem}.user-info-value{color:var(--text-color);font-weight:500}.admin-empty{color:var(--text-secondary);padding:40px;text-align:center}.admin-empty p{margin-bottom:15px}.admin-alert{border-radius:6px;font-size:.9rem;margin-bottom:20px;padding:12px 15px}.admin-alert-error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.admin-alert-success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.admin-alert-info{background:#d1ecf1;border:1px solid #bee5eb;color:#0c5460}.confirm-dialog-text{color:var(--text-color);line-height:1.5;margin-bottom:20px}.tester-layout{grid-gap:20px;display:grid;gap:20px;grid-template-columns:320px 1fr}.tester-avatar-section{display:flex;flex-direction:column}.tester-avatar-display{align-items:center;background:var(--background-color);border:2px solid var(--border-color);border-radius:12px;display:flex;height:300px;justify-content:center;overflow:hidden;width:300px}.tester-avatar-display img{height:100%;object-fit:contain;width:100%}.tester-avatar-loading{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:10px}.tester-spinner{animation:spin 1s linear infinite;border:3px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-color);height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.tester-avatar-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(3,1fr);max-width:500px}.tester-avatar-option{border:2px solid var(--border-color);border-radius:12px;cursor:pointer;padding:10px;text-align:center;transition:border-color .2s,transform .2s}.tester-avatar-option:hover{border-color:var(--primary-color);transform:scale(1.02)}.tester-avatar-option img{aspect-ratio:1;border-radius:8px;object-fit:contain;width:100%}.tester-avatar-option span{color:var(--text-secondary);display:block;font-size:.9rem;margin-top:8px}.tester-history{margin-top:20px}.tester-history h4{color:var(--text-secondary);font-size:.9rem;margin:0 0 10px;text-transform:uppercase}.tester-history-item{border-radius:6px;color:var(--text-color);cursor:pointer;font-size:.9rem;padding:8px 12px;transition:background-color .2s}.tester-history-item:hover{background:var(--background-color)}.tester-history-item.active{background:var(--primary-color);color:#fff}.tester-controls{min-width:0}.tester-prompt-area{font-family:inherit;min-height:80px;resize:vertical;width:100%}.tester-prompt-preview{background:var(--background-color);border-radius:6px;color:var(--text-secondary);font-size:.85rem;line-height:1.5;margin-top:10px;padding:10px}.tester-prompt-preview em{color:var(--primary-color);font-style:normal;font-weight:500}@media (max-width:768px){.admin-sidebar{width:60px}.admin-nav-item span,.admin-sidebar-header h1{display:none}.admin-main{margin-left:60px;padding:15px}.admin-modal{margin:10px;min-width:auto;width:95%}.tester-layout{grid-template-columns:1fr}.tester-avatar-display{margin:0 auto;max-width:300px;width:100%}.tester-avatar-grid{grid-template-columns:repeat(2,1fr)}}
/*# sourceMappingURL=main.328b8935.css.map*/