*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{display:flex;flex-direction:column;min-height:100vh}.App-header{background-color:#fffffff2;box-shadow:0 2px 10px #0000001a;padding:2rem;text-align:center}.header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px}.header-actions{align-items:center;display:flex;gap:.75rem}.header-main{flex:1 1}.App-header h1{color:#667eea;font-size:2.5rem;margin-bottom:.5rem}.title-with-version{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.header-version{background-color:#667eea1a;border:1px solid #667eea33;border-radius:15px;color:#666;font-family:Courier New,monospace;font-size:1rem;font-weight:500;padding:.25rem .75rem}.App-header p{color:#666;font-size:1.1rem;margin:0}.about-button,.admin-toggle-button,.login-button{align-items:center;background-color:#667eea;border:none;border-radius:25px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;min-width:120px;padding:.75rem 1.5rem;transition:all .3s}.admin-toggle-button:hover{background-color:#5568d3;box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.admin-toggle-button.active{background-color:#28a745}.admin-toggle-button.active:hover{background-color:#218838}.App-main{align-items:center;display:flex;flex:1 1;justify-content:center;padding:2rem}.error-message{background-color:#fffffff2;border-radius:10px;box-shadow:0 4px 20px #0000001a;padding:2rem;text-align:center}.error-message p{color:#e74c3c;font-size:1.1rem;margin-bottom:1rem}.error-message button{background-color:#667eea;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:background-color .3s}.error-message button:hover{background-color:#5568d3}.loading{color:#fff;font-size:1.5rem}.about-button{background-color:#f0f4ff;border:1px solid #667eea33;color:#4a5568}.about-button:hover{background-color:#e3e9ff;box-shadow:0 4px 12px #667eea33;color:#2d3748}.login-button{background-color:#0ea5e9;color:#fff}.login-button:hover{background-color:#0284c7;box-shadow:0 4px 12px #0ea5e966}.login-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:1000}.login-modal{background:#fff;border-radius:12px;box-shadow:0 10px 40px #00000026;max-width:420px;padding:1.5rem;width:100%}.login-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.login-header h2{color:#1f2937;margin:0}.login-close{background:#0000;border:none;color:#6b7280;cursor:pointer;font-size:1.5rem}.login-close:hover{color:#111827}.login-form{gap:1rem}.login-form,.login-label{display:flex;flex-direction:column}.login-label{color:#374151;font-weight:600;gap:.35rem}.login-label input{border:1px solid #e5e7eb;border-radius:8px;font-size:1rem;padding:.75rem;transition:border-color .2s,box-shadow .2s}.login-label input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea33;outline:none}.login-actions{display:flex;gap:.75rem;justify-content:flex-end}.login-cancel,.login-submit{border:none;border-radius:8px;cursor:pointer;font-weight:700;padding:.75rem 1.5rem}.login-submit{background-color:#667eea;color:#fff}.login-submit:hover{background-color:#5568d3}.login-cancel{background-color:#f3f4f6;color:#1f2937}.login-cancel:hover{background-color:#e5e7eb}.login-error{background-color:#fef2f2;border:1px solid #fecdd3;border-radius:8px;color:#dc2626;padding:.75rem}.login-hint{color:#6b7280;font-size:.95rem;margin:0;text-align:center}@media (max-width:768px){.header-content{flex-direction:column;gap:1rem}.title-with-version{flex-direction:column;gap:.5rem}.App-header{padding:1.5rem}.App-header h1{font-size:2rem}.header-version{font-size:.9rem}.admin-toggle-button{min-width:auto;padding:.5rem 1rem}.about-button,.admin-toggle-button,.header-actions{justify-content:center;width:100%}}.viewer-container{max-width:800px;width:100%}.viewer-header{background-color:#fffffff2;border-radius:10px;box-shadow:0 2px 10px #0000001a;padding:1.5rem}.back-button,.viewer-header{margin-bottom:1rem}.metadata{color:#666;display:flex;flex-wrap:wrap;gap:2rem}.metadata-item{font-size:.95rem}.stats-bar{background-color:#fffffff2;border-radius:10px;box-shadow:0 2px 10px #0000001a;display:flex;justify-content:space-around;margin-bottom:2rem;padding:1rem 2rem}.stat{align-items:center;display:flex;flex-direction:column}.stat-label{color:#888;margin-bottom:.25rem}.stat-value{color:#667eea;font-size:1.5rem}.card-container{cursor:pointer;margin-bottom:2rem;min-height:400px;perspective:1000px}.flashcard{--rotateY:0deg;--swipe-translate:0px;height:400px;position:relative;transform:translateX(var(--swipe-translate)) rotateY(var(--rotateY));transform-style:preserve-3d;transition:transform .6s;width:100%}.flashcard.flipped{--rotateY:180deg}.flashcard.swipe-left{animation:swipeLeft .45s ease}.flashcard.swipe-right{animation:swipeRight .45s ease}@keyframes swipeLeft{0%{box-shadow:0 10px 40px #0003;transform:translateX(0) rotateY(var(--rotateY))}60%{box-shadow:0 10px 50px #f4433659;transform:translateX(-45px) rotateY(var(--rotateY))}to{box-shadow:0 8px 30px #0000002e;opacity:.75;transform:translateX(-120px) rotateY(var(--rotateY))}}@keyframes swipeRight{0%{box-shadow:0 10px 40px #0003;transform:translateX(0) rotateY(var(--rotateY))}60%{box-shadow:0 10px 50px #4caf5059;transform:translateX(45px) rotateY(var(--rotateY))}to{box-shadow:0 8px 30px #0000002e;opacity:.75;transform:translateX(120px) rotateY(var(--rotateY))}}.flashcard-face{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:#fff;border-radius:15px;box-shadow:0 10px 40px #0003;display:flex;flex-direction:column;height:100%;padding:2rem;position:absolute;width:100%}.flashcard-front{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.flashcard-back{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;transform:rotateY(180deg)}.card-header{font-size:1.2rem;font-weight:700;letter-spacing:1px;margin-bottom:1.5rem;text-align:center;text-transform:uppercase}.card-content{align-items:center;display:flex;flex:1 1;font-size:1.3rem;justify-content:center;line-height:1.6;text-align:center}.question-content{align-items:center;display:flex;flex-direction:column;gap:1rem;width:100%}.question-image{background:#ffffffe6;border-radius:8px;box-shadow:0 4px 12px #00000026;max-height:200px;max-width:100%;object-fit:contain;padding:.5rem}.card-content ul{list-style:none;padding:0;text-align:left}.card-content li{border-bottom:1px solid #ffffff4d;padding:.5rem 0}.card-content li:last-child{border-bottom:none}.card-content li:before{content:"✓ ";margin-right:.5rem}.card-hint{font-size:.9rem;margin-top:1rem;opacity:.8;text-align:center}.swipe-hint{font-size:.85rem;margin-top:.35rem;opacity:.9}.navigation-buttons{align-items:center;display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}.nav-button{background-color:#fffffff2;border:2px solid #667eea;border-radius:5px;color:#667eea;cursor:pointer;font-size:1rem;padding:.75rem 2rem;transition:all .3s}.nav-button:hover:not(:disabled){background-color:#667eea;box-shadow:0 4px 12px #667eea66;color:#fff;transform:translateY(-2px)}.nav-button:disabled{cursor:not-allowed;opacity:.3}.topics{background-color:#fffffff2;border-radius:10px;box-shadow:0 2px 10px #0000001a;color:#666;padding:1rem;text-align:center}.topics strong{color:#667eea;margin-right:.5rem}.quiz-container{background-color:#fff;border-radius:15px;box-shadow:0 10px 40px #0003;display:flex;flex-direction:column;margin-bottom:2rem;min-height:400px}.question-section{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px 15px 0 0;color:#fff;padding:2rem}.answers-section{flex:1 1;padding:2rem}.answers-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.answer-option{align-items:center;background-color:#fafafa;border:2px solid #e0e0e0;border-radius:10px;cursor:pointer;display:flex;padding:1rem 1.5rem;transition:all .3s ease}.answer-option:hover{background-color:#f0f4ff;border-color:#667eea}.answer-option.selected{background-color:#e8f2ff;border-color:#667eea;box-shadow:0 2px 8px #667eea33}.answer-option.revealed{border-width:3px;cursor:default;font-weight:500}.answer-option.correct{background-color:#e8f5e8;border-color:#4caf50;box-shadow:0 2px 12px #4caf504d}.answer-option.incorrect{background-color:#ffebee;border-color:#f44336;box-shadow:0 2px 12px #f4433633}.answer-option.was-selected{border-width:4px;transform:scale(1.02)}.answer-option.correct.was-selected{background-color:#c8e6c9;box-shadow:0 4px 16px #4caf5066}.answer-option.incorrect.was-selected{background-color:#ffcdd2;box-shadow:0 4px 16px #f4433666}.answer-option input[type=checkbox]{cursor:pointer;height:18px;margin-right:1rem;width:18px}.answer-option input[type=checkbox]:disabled{cursor:default}.answer-text{flex:1 1;font-size:1.1rem;line-height:1.4}.answer-indicator{font-size:1.2rem;font-weight:700;margin-left:1rem}.answer-indicator.correct{color:#4caf50}.answer-indicator.incorrect{color:#f44336}.selection-indicator{font-size:1.4rem;margin-left:.5rem;opacity:.8}.show-answers-button{background-color:#667eea;border:none;border-radius:10px;color:#fff;cursor:pointer;display:block;font-size:1rem;margin:0 auto;max-width:300px;padding:1rem 2rem;transition:all .3s ease;width:100%}.show-answers-button:hover:not(:disabled){background-color:#5568d3;box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.show-answers-button:disabled{background-color:#ccc;box-shadow:none;cursor:not-allowed;transform:none}.evaluation-buttons{border-top:1px solid #ffffff4d;display:flex;gap:1rem;justify-content:center;margin-top:2rem;padding-top:1rem}.eval-button{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:700;min-width:120px;padding:.75rem 1.5rem;transition:all .3s ease}.correct-button{background-color:#4caf50;color:#fff}.correct-button:hover{background-color:#45a049;box-shadow:0 4px 12px #4caf5066;transform:translateY(-2px)}.incorrect-button{background-color:#f44336;color:#fff}.incorrect-button:hover{background-color:#e53935;box-shadow:0 4px 12px #f4433666;transform:translateY(-2px)}.answered-indicator{border-radius:8px;margin-top:1rem;padding:1rem;text-align:center}.correct-indicator{background-color:#4caf501a;color:#4caf50;font-size:1.1rem;font-weight:700}.incorrect-indicator{background-color:#f443361a;color:#f44336;font-size:1.1rem;font-weight:700}.skip-indicator{background-color:#ff98001a;color:#ff9800;font-size:1.1rem;font-weight:700}.evaluation-result{border-radius:10px;font-size:1.1rem;font-weight:700;margin-top:1rem;padding:1rem;text-align:center}.correct-evaluation{background-color:#4caf501a;border:2px solid #4caf50;color:#4caf50}.incorrect-evaluation{align-items:center;background-color:#f443361a;border:2px solid #f44336;color:#f44336;display:flex;flex-direction:column;gap:1rem}.try-again-button{background-color:#2196f3;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:700;margin-top:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.try-again-button:hover{background-color:#1976d2;box-shadow:0 4px 12px #2196f366;transform:translateY(-2px)}.progress-indicator{color:#667eea;font-weight:700;margin-top:1rem;text-align:center}.quiz-summary{background-color:#fff;border-radius:15px;box-shadow:0 10px 40px #0003;margin:0 auto;max-width:900px;overflow:hidden}.summary-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:3rem 2rem 2rem;text-align:center}.summary-header h2{font-size:2.5rem;font-weight:700;margin:0 0 2rem}.summary-stats{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.stat-card{background-color:#ffffff1a;min-width:120px;padding:1.5rem;text-align:center}.stat-number{font-size:2rem;font-weight:700;margin-bottom:.5rem}.stat-label{letter-spacing:1px;opacity:.9}.detailed-results{padding:2rem}.detailed-results h3{color:#333;font-size:1.5rem;margin-bottom:1.5rem;text-align:center}.result-item{background-color:#f9f9f9;border-left:4px solid #ddd;border-radius:10px;margin-bottom:1rem;padding:1.5rem}.correct-result{background-color:#f8fff8;border-left-color:#4caf50}.incorrect-result{background-color:#fff8f8;border-left-color:#f44336}.skipped-result{background-color:#fff8f0;border-left-color:#ff9800}.result-header{align-items:center;display:flex;margin-bottom:1rem}.result-indicator{font-size:1.5rem;margin-right:1rem}.result-question{color:#333;flex:1 1;font-weight:700}.result-details{margin-left:3rem}.result-row{color:#666;line-height:1.4;margin-bottom:.5rem}.result-row strong{color:#333;margin-right:.5rem}.summary-actions{background-color:#f5f5f5;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;padding:2rem;text-align:center}.restart-button{background-color:#4caf50;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:1rem 2rem;transition:all .3s ease}.restart-button:hover{background-color:#45a049;box-shadow:0 4px 12px #4caf5066;transform:translateY(-2px)}.skip-button{background-color:#ff9800;color:#fff}.skip-button:hover{background-color:#f57c00;box-shadow:0 4px 12px #ff980066;transform:translateY(-2px)}@media (max-width:768px){.viewer-container{padding:0 1rem}.metadata{flex-direction:column;gap:.5rem}.flashcard{height:350px}.card-content{font-size:1.1rem}.navigation-buttons{flex-direction:column}.quiz-container{min-height:350px}.answers-section,.question-section{padding:1.5rem}.answer-option{padding:.75rem 1rem}.answer-text{font-size:1rem}.show-answers-button{padding:.75rem 1.5rem}.summary-header{padding:2rem 1rem 1rem}.summary-header h2{font-size:2rem;margin-bottom:1.5rem}.summary-stats{gap:1rem}.stat-card{min-width:100px;padding:1rem}.stat-number{font-size:1.5rem}.detailed-results,.result-item{padding:1rem}.result-header{align-items:flex-start;flex-direction:column;gap:.5rem}.result-details{margin-left:0;margin-top:.5rem}.summary-actions{flex-direction:column;padding:1rem}.evaluation-buttons{flex-direction:column;gap:.5rem}.eval-button{width:100%}}.selector-container{background-color:#fffffff2;border-radius:15px;box-shadow:0 10px 40px #0003;max-width:700px;padding:2rem;width:100%}.selector-container h2{color:#667eea;font-size:1.8rem;margin-bottom:1.5rem;text-align:center}.search-section{margin-bottom:1.5rem}.search-section label{color:#495057;display:block;font-weight:600;margin-bottom:.5rem;text-align:left}.search-input-wrapper{align-items:center;background-color:#f8f9fa;border:2px solid #e9ecef;border-radius:10px;display:flex;gap:.5rem;padding:.75rem 1rem;transition:border-color .2s ease,box-shadow .2s ease}.search-input-wrapper:focus-within{border-color:#667eea;box-shadow:0 0 0 3px #667eea33}.search-icon{color:#667eea;font-size:1.1rem}.search-input-wrapper input{background:#0000;border:none;color:#333;flex:1 1;font-size:1rem;outline:none}.search-input-wrapper input::placeholder{color:#adb5bd}.topic-filter-section{border-bottom:2px solid #f0f4ff;margin-bottom:2rem;padding-bottom:1.5rem}.topic-filter-section h3{color:#667eea;font-size:1.3rem;margin-bottom:1rem;text-align:center}.topic-buttons{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-bottom:1rem}.topic-button{align-items:center;background-color:#f8f9fa;border:2px solid #e9ecef;border-radius:25px;color:#495057;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.75rem 1.25rem;transition:all .3s ease;white-space:nowrap}.topic-button:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}.topic-button.active,.topic-button:hover{background-color:#667eea;border-color:#667eea;color:#fff}.topic-button.active{box-shadow:0 2px 8px #667eea66}.topic-button.active:hover{box-shadow:0 6px 16px #667eea66;transform:translateY(-1px)}.flashcard-list{display:flex;flex-direction:column;gap:1rem}.flashcard-item{align-items:flex-start;background-color:#fff;border:2px solid #667eea;border-radius:10px;cursor:pointer;display:flex;font-size:1rem;gap:1rem;padding:1.5rem;text-align:left;transition:all .3s}.flashcard-item:hover{background-color:#667eea;box-shadow:0 4px 12px #667eea66;color:#fff;transform:translateY(-2px)}.flashcard-content{align-items:flex-start;display:flex;gap:1rem;width:100%}.flashcard-icon{flex-shrink:0}.flashcard-info{display:flex;flex-direction:column;flex-grow:1;gap:.5rem}.flashcard-title{color:#333}.flashcard-item:hover .flashcard-title{color:#fff}.flashcard-description{color:#666}.flashcard-item:hover .flashcard-description{color:#ffffffe6}.flashcard-meta{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.language-badge,.level-badge,.topic-badge{background-color:#f0f4ff;border-radius:12px;color:#667eea;font-size:.8rem;font-weight:500;padding:.2rem .6rem}.topic-badge{background-color:#fff3cd;color:#856404}.flashcard-item:hover .language-badge,.flashcard-item:hover .level-badge,.flashcard-item:hover .topic-badge{background-color:#fff3;color:#fff}.author-info{color:#888;font-size:.8rem;font-style:italic}.flashcard-item:hover .author-info{color:#fffc}.no-flashcards,.no-flashcards-filtered{color:#666;padding:2rem;text-align:center}.no-flashcards p,.no-flashcards-filtered p{font-size:1.1rem;margin-bottom:.5rem}.no-flashcards-filtered{background-color:#f8f9fa;border:2px dashed #dee2e6;border-radius:10px;margin-top:1rem}@media (max-width:768px){.topic-buttons{align-items:stretch;flex-direction:column}.topic-button{justify-content:center}.flashcard-item{padding:1rem}.flashcard-content{flex-direction:column;gap:.75rem}.flashcard-icon{align-self:center}}.admin-panel{max-width:1200px;padding:2rem;width:100%}.admin-header{align-items:center;background-color:#fffffff2;border-radius:10px;box-shadow:0 2px 10px #0000001a;display:flex;gap:1rem;margin-bottom:2rem;padding:1rem 2rem}.admin-header h2{color:#667eea;flex:1 1;margin:0}.back-button{background-color:#667eea;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:background-color .3s}.back-button:hover{background-color:#5568d3}.success-message{background-color:#d4edda;border:1px solid #c3e6cb;border-radius:5px;color:#155724;margin-bottom:1rem;padding:1rem}.error-message{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:5px;color:#721c24;margin-bottom:1rem;padding:1rem}.flashcard-list-section{background-color:#fffffff2;border-radius:15px;box-shadow:0 10px 40px #0003;padding:2rem}.flashcard-list-header{align-items:center;border-bottom:2px solid #e9ecef;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.flashcard-list-header h3{color:#667eea;font-size:1.5rem;margin:0}.action-buttons{display:flex;gap:1rem}.create-new-button{align-items:center;background-color:#28a745;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s}.create-new-button:hover{background-color:#218838;box-shadow:0 4px 12px #28a74566;transform:translateY(-2px)}.import-yaml-button{align-items:center;background-color:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s}.import-yaml-button:hover{background-color:#0056b3;box-shadow:0 4px 12px #007bff66;transform:translateY(-2px)}.statistics-button{align-items:center;background-color:#f59e0b;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s}.statistics-button:hover{background-color:#d97706;box-shadow:0 4px 12px #f59e0b66;transform:translateY(-2px)}.flashcard-list-section h3{color:#667eea;font-size:1.5rem;margin-bottom:1.5rem;text-align:center}.flashcard-list-section h4{border-bottom:1px solid #dee2e6;color:#495057;font-size:1.2rem;margin:1.5rem 0 1rem;padding-bottom:.5rem}.admin-flashcard-list{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.admin-flashcard-item{align-items:flex-start;background-color:#fff;border:2px solid #667eea;border-radius:10px;cursor:pointer;display:flex;gap:1rem;padding:1.5rem;position:relative;transition:all .3s}.admin-flashcard-item:hover{background-color:#667eea;box-shadow:0 4px 12px #667eea66;color:#fff;transform:translateY(-2px)}.flashcard-icon{font-size:1.5rem;margin-top:.25rem}.flashcard-details{display:flex;flex:1 1;flex-direction:column;gap:.5rem;min-width:0}.flashcard-title{font-size:1.1rem;font-weight:600;line-height:1.3;margin:0}.flashcard-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#6c757d;display:-webkit-box;font-size:.9rem;line-height:1.4;overflow:hidden}.admin-flashcard-item:hover .flashcard-description{color:#fffc}.statistics-section{background-color:#fffffff2;border-radius:15px;box-shadow:0 10px 40px #0003;padding:2rem}.statistics-header{align-items:center;display:flex;gap:1rem;margin-bottom:1.5rem}.statistics-header h3{color:#667eea;flex:1 1;margin:0}.statistics-header .back-to-list-button{background-color:#e5e7eb;border:none;color:#1f2937;padding:.65rem 1.25rem}.statistics-header .back-to-list-button:hover{background-color:#d1d5db}.refresh-stats-button{background-color:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:.65rem 1.25rem;transition:background-color .3s ease}.refresh-stats-button:disabled{cursor:not-allowed;opacity:.7}.refresh-stats-button:not(:disabled):hover{background-color:#0d9468}.statistics-summary{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:1.5rem}.stat-card{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;display:flex;flex-direction:column;gap:.35rem;padding:1rem 1.5rem}.stat-label{color:#64748b;font-size:.9rem;letter-spacing:.05em;text-transform:uppercase}.stat-value{color:#1f2937;font-size:1.75rem;font-weight:700}.stat-helper{color:#94a3b8;font-size:.85rem}.statistics-table-wrapper{overflow-x:auto}.statistics-table{background-color:#fff;border-collapse:collapse;border-radius:10px;box-shadow:0 4px 15px #0000000d;overflow:hidden;width:100%}.statistics-table td,.statistics-table th{border-bottom:1px solid #e2e8f0;padding:.85rem 1rem;text-align:left}.statistics-table th{background-color:#f1f5f9;color:#475569;font-weight:600}.statistics-table tr:hover td{background-color:#f8fafc}.stat-title{color:#0f172a;font-weight:600}.stat-description{color:#475569;font-size:.85rem;line-height:1.4;margin-top:.25rem}.no-data{color:#94a3b8;font-style:italic;text-align:center}.flashcard-meta{color:#868e96;font-size:.8rem;font-style:italic}.admin-flashcard-item:hover .flashcard-meta{color:#ffffffb3}.flashcard-name{flex:1 1;font-size:1.1rem;font-weight:500}.export-button{align-items:center;background-color:#17a2b8;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.25rem;padding:.5rem 1rem;transition:all .3s;white-space:nowrap}.export-button:hover{background-color:#138496;box-shadow:0 2px 8px #17a2b84d;transform:translateY(-1px)}.admin-flashcard-item:hover .export-button{background-color:#fff3;color:#fff}.admin-flashcard-item:hover .export-button:hover{background-color:#ffffff4d;color:#fff}.editor-section{background-color:#fffffff2;border-radius:15px;box-shadow:0 10px 40px #0003;overflow:hidden}.editor-header{align-items:center;background-color:#667eea;color:#fff;display:flex;gap:1rem;padding:1.5rem 2rem}.editor-header h3{flex:1 1;font-size:1.3rem;margin:0}.header-buttons{align-items:center;display:flex;gap:.75rem}.back-to-list-button,.save-button{background-color:#fff3;border:1px solid #ffffff4d;border-radius:5px;color:#fff;cursor:pointer;padding:.5rem 1rem;transition:all .3s}.back-to-list-button:hover,.save-button:hover{background-color:#ffffff4d}.update-yaml-button{align-items:center;background-color:#28a745;border:1px solid #28a745;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:all .3s}.update-yaml-button:hover{background-color:#218838;border-color:#218838;box-shadow:0 2px 8px #28a7454d;transform:translateY(-1px)}.update-yaml-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.7;transform:none}.delete-flashcard-button{align-items:center;background-color:#dc3545;border:1px solid #dc3545;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:all .3s}.delete-flashcard-button:hover{background-color:#c82333;border-color:#c82333;box-shadow:0 2px 8px #dc35454d;transform:translateY(-1px)}.delete-flashcard-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.7;transform:none}.save-button:disabled{cursor:not-allowed;opacity:.5}.header-buttons .export-button{background-color:#17a2b8;border:1px solid #17a2b8;color:#fff}.header-buttons .export-button:hover{background-color:#138496;border-color:#138496}.editor-form{max-height:70vh;overflow-y:auto;padding:2rem}.cards-section,.metadata-section{margin-bottom:2rem}.cards-section h4,.metadata-section h4{border-bottom:2px solid #667eea;color:#667eea;font-size:1.2rem;margin-bottom:1rem;padding-bottom:.5rem}.form-row{align-items:flex-start;display:flex;gap:1rem;margin-bottom:1rem}.form-row label{color:#333;font-weight:600;min-width:120px;padding-top:.5rem}.required{color:#dc3545;font-weight:700}.form-row input,.form-row select,.form-row textarea{border:1px solid #ddd;border-radius:5px;flex:1 1;font-size:1rem;padding:.5rem}.form-row input:disabled{background-color:#f8f9fa;border-color:#e9ecef;cursor:not-allowed}.form-row small{color:#6c757d;display:block;font-size:.875rem;font-style:italic;margin-top:.25rem}.form-row input:focus,.form-row select:focus,.form-row textarea:focus{border-color:#667eea;box-shadow:0 0 0 2px #667eea33;outline:none}.cards-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.add-card-button{background-color:#28a745;border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:600;padding:.5rem 1rem;transition:background-color .3s}.add-card-button:hover{background-color:#218838}.card-editor{background-color:#f8f9fa;border:2px solid #e9ecef;border-radius:10px;margin-bottom:1rem;padding:1.5rem}.card-editor .card-header{align-items:center;border-bottom:1px solid #dee2e6;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.5rem}.card-editor .card-header span{color:#495057;font-weight:600}.delete-card-button{background-color:#dc3545;border:none;border-radius:3px;color:#fff;cursor:pointer;font-size:.9rem;padding:.25rem .5rem;transition:background-color .3s}.delete-card-button:hover{background-color:#c82333}.answers-section{margin-top:1rem}.answers-header{align-items:center;display:flex;gap:1rem;margin-bottom:.5rem}.answers-header label{color:#333;font-weight:600;min-width:auto}.add-answer-button{background-color:#17a2b8;border:none;border-radius:3px;color:#fff;cursor:pointer;font-size:.9rem;padding:.25rem .5rem;transition:background-color .3s}.add-answer-button:hover{background-color:#138496}.answer-row{align-items:center;background-color:#f8f9fa;border-radius:8px;display:flex;gap:1rem;margin-bottom:.5rem;padding:.5rem}.answer-input{border:1px solid #ddd;border-radius:4px;flex:1 1;font-size:.9rem;padding:.5rem}.correct-answer-checkbox{align-items:center;color:#28a745;cursor:pointer;display:flex;font-weight:500;gap:.5rem;min-width:80px}.correct-answer-checkbox input[type=checkbox]{cursor:pointer;margin:0}.correct-answer-checkbox span{font-size:.9rem;-webkit-user-select:none;user-select:none}.delete-answer-button{background:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.8rem;min-width:40px;padding:.25rem .5rem}.delete-answer-button:hover{background:#c82333}.yaml-import-section{background-color:#fffffff2;border-radius:15px;box-shadow:0 10px 40px #0003;overflow:hidden}.yaml-import-header{align-items:center;background-color:#007bff;color:#fff;display:flex;gap:1rem;padding:1.5rem 2rem}.yaml-import-header h3{flex:1 1;font-size:1.3rem;margin:0}.parse-yaml-button{background-color:#fff3;border:1px solid #ffffff4d;border-radius:5px;color:#fff;cursor:pointer;font-weight:600;padding:.5rem 1rem;transition:all .3s}.parse-yaml-button:hover{background-color:#ffffff4d}.yaml-import-content{padding:2rem}.yaml-instructions{background-color:#f8f9fa;border:2px solid #e9ecef;border-radius:8px;margin-bottom:2rem;padding:1.5rem}.yaml-instructions h4{color:#495057;margin-bottom:1rem;margin-top:0}.yaml-instructions p{color:#6c757d;margin-bottom:1rem}.yaml-instructions ul{margin:0;padding-left:1.5rem}.yaml-instructions li{color:#495057;margin-bottom:.5rem}.yaml-input-section{margin-top:2rem}.yaml-input-section label{color:#333;display:block;font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.yaml-textarea{background-color:#f8f9fa;border:2px solid #ddd;border-radius:8px;font-family:Monaco,Menlo,Ubuntu Mono,Consolas,source-code-pro,monospace;font-size:.9rem;line-height:1.5;min-height:400px;padding:1rem;resize:vertical;transition:border-color .3s;width:100%}.yaml-textarea:focus{background-color:#fff;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.yaml-textarea::placeholder{color:#6c757d;opacity:.8}.loading{color:#667eea;font-size:1.2rem;padding:2rem;text-align:center}.confirm-dialog{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.confirm-dialog-content{background-color:#fff;border-radius:10px;box-shadow:0 10px 40px #0000004d;max-width:400px;padding:2rem;text-align:center;width:90%}.confirm-dialog-content h4{color:#667eea;font-size:1.3rem;margin-bottom:1rem;margin-top:0}.delete-id-display{align-items:center;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:.5rem;justify-content:center;margin-bottom:1rem;padding:.75rem}.delete-id-label{color:#475569;font-weight:600}.delete-id-value{background-color:#1e293b;border-radius:6px;color:#e2e8f0;font-family:Courier New,Courier,monospace;font-size:.95rem;padding:.25rem .5rem}.confirm-dialog-content p{color:#333;line-height:1.5;margin-bottom:2rem}.confirm-dialog-buttons{display:flex;gap:1rem;justify-content:center}.delete-confirmation-input{border:1px solid #dee2e6;border-radius:5px;font-size:1rem;margin-bottom:1rem;padding:.75rem;width:100%}.delete-error{color:#dc3545;font-weight:600;margin-bottom:1rem}.confirm-button{background-color:#dc3545;border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:background-color .3s}.confirm-button:hover{background-color:#c82333}.cancel-button{background-color:#6c757d;border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:background-color .3s}.cancel-button:hover{background-color:#5a6268}@media (max-width:768px){.admin-panel{padding:1rem}.admin-header{gap:.5rem}.admin-header,.flashcard-list-header{flex-direction:column;text-align:center}.flashcard-list-header{align-items:stretch;gap:1rem}.action-buttons{flex-direction:column;gap:.5rem}.create-new-button,.import-yaml-button{justify-content:center}.editor-header{flex-direction:column;gap:1rem;text-align:center}.form-row{align-items:stretch;flex-direction:column}.form-row label{min-width:auto;padding-top:0}.answer-row{margin-left:0}.admin-flashcard-list{grid-template-columns:1fr}.cards-header{align-items:stretch;flex-direction:column;gap:1rem}.yaml-import-header{flex-direction:column;gap:1rem;text-align:center}.yaml-textarea{font-size:.8rem;min-height:300px}.yaml-instructions{padding:1rem}}.about-modal-overlay{align-items:center;background:#00000059;display:flex;inset:0;justify-content:center;padding:1.5rem;position:fixed;z-index:1000}.about-modal{background:#fff;border:1px solid #667eea33;border-radius:16px;box-shadow:0 20px 50px #0003;max-width:720px;overflow:hidden;width:100%}.about-modal__header{align-items:flex-start;background:linear-gradient(120deg,#667eea1f,#764ba214);border-bottom:1px solid #667eea26;display:flex;gap:1rem;justify-content:space-between;padding:1.25rem 1.5rem}.about-modal__eyebrow{color:#5b6abf;font-size:.75rem;font-weight:700;letter-spacing:.08em;margin:0 0 .25rem;text-transform:uppercase}.about-modal__title{color:#2d3748;font-size:1.5rem;margin:0}.about-modal__close{background:#ffffffb3;border:none;border-radius:12px;box-shadow:0 4px 12px #00000014;color:#4a5568;cursor:pointer;font-size:1.25rem;height:38px;transition:all .2s ease;width:38px}.about-modal__close:hover{background:#fff;box-shadow:0 6px 16px #0000001f;color:#2d3748;transform:translateY(-1px)}.about-modal__body{background:#f9fafc;max-height:70vh;overflow-y:auto;padding:1.5rem}.about-modal__error,.about-modal__status{border-radius:12px;font-weight:600;margin:0;padding:1rem;text-align:center}.about-modal__status{background:#667eea1a;color:#3c4aac}.about-modal__error{background:#e74c3c14;border:1px solid #e74c3c33;color:#c0392b}.about-modal__content h1,.about-modal__content h2,.about-modal__content h3{color:#2d3748;margin:0 0 .75rem}.about-modal__content p{color:#4a5568;line-height:1.6;margin:0 0 .75rem}.about-modal__content ul{color:#4a5568;line-height:1.6;margin:0 0 1rem;padding-left:1.25rem}.about-modal__content li{margin-bottom:.4rem}.about-modal__content strong{color:#2d3748}.md-break{margin:0 0 .75rem}@media (max-width:640px){.about-modal{max-height:90vh}.about-modal__header{align-items:center}}
/*# sourceMappingURL=main.9ed53edd.css.map*/