.header{background-color:#2a4365;padding:10px 20px}.nav{background-color:#2a4365;border-bottom:3px solid #000;justify-content:space-between;padding:5px;position:sticky;top:0;z-index:1000}.nav,.nav-section{align-items:center;display:flex}.nav-section{gap:20px}.nav-center{align-items:center;display:flex;left:50%;pointer-events:none;position:absolute;transform:translateX(-50%)}.nav h1{color:#fff;font-size:2rem;letter-spacing:1px;margin:0}.logo-image{height:50px;object-fit:contain;width:50px}.logout-button,.nav a{background:none;border:none;color:#fff;cursor:pointer;font-size:1.2rem;text-decoration:none;transition:color .2s ease}.logout-button:hover,.nav a:hover{color:orange}.leaderboard-page{background-color:#fff;box-sizing:border-box;min-height:100vh}.leaderboard-container{align-items:center;display:flex;justify-content:center;padding:40px 0}.leaderboard-card{background-color:#edf2f7;border:2px solid #2a4365;border-radius:20px;box-shadow:0 10px 25px #0003;margin-bottom:0;max-width:600px;padding:30px 40px;text-align:center;width:90%}.leaderboard-title{color:#2a4365;font-size:2rem;margin-bottom:20px}.leaderboard-table{border-collapse:collapse;width:100%}.leaderboard-table td,.leaderboard-table th{border-bottom:2px solid #cbd5e0;padding:12px}.leaderboard-table th{background-color:#2a4365;color:#fff;font-weight:700}.leaderboard-table td{background-color:#f7fafc;color:#2d3748}.leaderboard-table tr:last-child td{border-bottom:none}.trophy-icon{font-size:1.5rem;vertical-align:middle}.lessons-container{align-items:flex-start;background-color:#fff;box-sizing:border-box;display:flex;justify-content:center;margin:0;min-height:100vh;padding:40px}.lessons-scroll-box{background-color:#f0f4f8;border:2px solid #2a4365;box-shadow:0 8px 16px #0000001a;box-sizing:border-box;height:600px;margin:0;max-width:800px;overflow-x:hidden;overflow-y:auto;padding:0 16px;width:100%}.lessons-scroll-box::-webkit-scrollbar{width:10px}.lessons-scroll-box::-webkit-scrollbar-thumb{background-color:#2a4365}.lessons-scroll-box::-webkit-scrollbar-track{background-color:#d3dce6}.lesson-card{background-color:#edf2f7;border:1px solid #ccc;border-radius:12px;box-shadow:0 4px 10px #00000014;box-sizing:border-box;margin:16px 0;overflow:hidden;width:100%}.lesson-summary{background-color:#2a4365;border-radius:12px 12px 0 0;color:#fff;padding:16px 24px}.lesson-title{font-size:1.25rem;font-weight:700}.lesson-actions{align-items:center;background-color:#f7fafc;border-radius:0 0 12px 12px;display:flex;flex-wrap:wrap;gap:12px;justify-content:left;padding:16px}.lesson-button{background-color:#4a69bb;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:8px 16px;text-transform:none;transition:all .2s ease}.lesson-button:hover{background-color:#3a5998;box-shadow:0 4px 8px #0000001f;transform:translateY(-2px)}.MuiButton-root.lesson-button{background-color:#4a69bb!important;color:#fff!important}.MuiButton-root.lesson-button:hover{background-color:#3a5998!important}.MuiAccordion-root{border-radius:12px!important;overflow:hidden}.MuiAccordion-root,.MuiPaper-elevation1{box-shadow:none!important}.MuiAccordionSummary-root{border-radius:12px 12px 0 0}.MuiAccordionDetails-root{border-radius:0 0 12px 12px}.lesson-button.MuiAccordionSummary-root,.lesson-summary.MuiAccordionSummary-root{background-color:#2a4365!important;color:#fff}.home-container{background-color:#fff;box-sizing:border-box;display:flex;height:100vh;padding:0 40px}.home-left{align-items:stretch;display:flex;gap:24px;overflow-y:auto;padding:40px 20px;width:33.33%}.home-left,.home-right{box-sizing:border-box;flex-direction:column;justify-content:flex-start}.home-right{align-items:center;display:flex;flex:1 1;gap:20px;overflow:visible;padding:40px 0;padding:0 20px;width:66.66%}.lessons-wrapper{box-sizing:border-box;height:1200px;max-width:900px;overflow-y:auto;width:100%}.add-lesson-button{align-items:center;display:flex;flex-direction:column;gap:8px;justify-content:center;margin-top:24px;width:100%}.add-lesson-button button{align-items:center;background-color:#2a4365;border-radius:8px;color:#fff;display:flex;font-weight:600;gap:8px;padding:10px 16px}.add-lesson-button button:hover{background-color:#1a365d}.add-link{text-decoration:none}.plus-icon{font-size:1.25rem;margin-right:6px}.nopage-container{align-items:center;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;justify-content:center;margin-top:100px}.nopage-content{animation:fadeIn .5s ease-in-out;background-color:#fff;border-radius:16px;box-shadow:0 10px 30px #00000014;max-height:90vh;max-width:500px;overflow:auto;padding:3rem;text-align:center;width:90%}.error-code{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2a4365,#4a69bb);-webkit-background-clip:text;color:#2a4365;font-size:8rem;font-weight:800;line-height:1;margin-bottom:1rem;text-shadow:0 5px 15px #2a436533}.error-title{color:#2d3748;font-size:2rem;font-weight:600;margin-bottom:1rem}.error-message{color:#4a5568;font-size:1.1rem;line-height:1.5;margin-bottom:2rem}.home-button{background-color:#4a69bb;border:none;border-radius:8px;box-shadow:0 4px 6px #4a69bb33;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .2s ease}.home-button:hover{background-color:#3a5998;box-shadow:0 6px 12px #4a69bb4d;transform:translateY(-2px)}.home-button:active{transform:translateY(0)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.error-code{font-size:6rem}.error-title{font-size:1.5rem}.nopage-content{padding:2rem}}.quizzes-wrapper{align-items:center;background-color:#fff;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-start;min-height:100vh;padding:40px 20px}.quiz-card{background-color:#edf2f7;border:2px solid #2a4365;border-radius:20px;box-shadow:0 10px 25px #0003;max-width:800px;padding:30px 40px;text-align:center;width:100%}.progress-container{display:flex;justify-content:center;margin-bottom:1.5rem}.question-container{text-align:center}.question-text{color:#333;font-size:1.75rem;font-weight:600;margin-bottom:2rem}.answers-grid{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:1.5rem}.answer-button{font-size:1rem;min-width:120px;padding:.75rem 1.25rem;text-transform:none}.message h3{color:#007bff;font-size:1.2rem;margin-top:1rem}@media (max-width:600px){.quiz-card{padding:1rem}.question-text{font-size:1.4rem}.answer-button{font-size:.9rem;min-width:100px}}.nav-controls{display:flex;gap:.5rem;justify-content:center;margin:1.5rem 0 .5rem}.nav-controls button{background-color:#e0e0e0;border:none;border-radius:6px;cursor:pointer;font-size:1rem;padding:.5rem 1rem;transition:background-color .2s ease}.nav-controls button:hover{background-color:#cfd8dc}.quiz-status{color:#555;font-size:1rem;margin-top:.75rem;text-align:center}:root{--bg-color:#fff;--text-color:#2a4365;--card-bg:#f3f6f9;--card-border:#ccc}[data-theme=dark]{--bg-color:#1a1a1a;--text-color:#e2e8f0;--card-bg:#2c2c2c;--card-border:#444}#root,body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;background-color:var(--bg-color);box-sizing:border-box;color:#2a4365;color:var(--text-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;height:100%;margin:0;padding:0;transition:background-color .3s ease,color .3s ease}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.page-title{margin-bottom:1rem}.flashcard-page{align-items:flex-start;background-color:#fff;box-sizing:border-box;display:flex;justify-content:center;min-height:100vh;padding:40px 20px}.flashcard-container{align-items:center;background-color:#edf2f7;border:2px solid #2a4365;border-radius:20px;box-shadow:0 10px 25px #0000001a;display:flex;flex-direction:column;gap:1.5rem;max-width:700px;padding:2rem;width:100%}.card{cursor:pointer;font-size:1.5rem;height:266px;margin:0 auto;perspective:500px;position:relative;width:400px}.card-back,.card-front{align-items:center;background-color:#fff;border:1px solid #000;color:#000;display:flex;height:100%;justify-content:center;position:absolute;transition:transform .3s;width:100%}.card-content-front{transform:rotateX(0deg)}.card-content-back{transform:rotateX(180deg)}.card-front{backface-visibility:hidden}.card-back{backface-visibility:visible;background-color:#fff;transform:rotateX(180deg)}.flashcard-row{align-items:center;display:flex;gap:1rem;justify-content:center}.side-buttons{display:flex;flex-direction:column;gap:.5rem}.side-buttons button{background-color:initial;border:none;border-radius:.5rem;cursor:pointer;font-size:1.2rem;padding:.5rem .75rem;transition:background-color .2s ease}.side-buttons button:hover{background-color:#dbeafe}.controls{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-top:1rem}.signin-page{background:linear-gradient(135deg,#fa4616,#0021a5);background-attachment:fixed;background-repeat:no-repeat;background-size:cover;margin:0;min-height:100vh;padding:0}.signin-container,.signin-page{align-items:center;display:flex;justify-content:center}.signin-container{height:100%}.signin-box{background-color:#f3f6f9;border-radius:16px;box-shadow:0 12px 28px #00000040;max-width:500px;padding:3rem;text-align:center;width:100%}.signin-box h1{color:#1a237e;font-size:2rem;margin-bottom:1.2rem}.signin-image{margin-bottom:1.5rem;width:300px}.admin-input-field{border:1px solid #ccc;border-radius:10px;width:90%}.admin-input-field,.google-btn{align-items:center;display:flex;font-size:1rem;font-weight:600;gap:10px;justify-content:center;margin-bottom:.4rem;padding:.8rem 1.5rem}.google-btn{background-color:#0021a5;border:none;border-radius:10px;color:#fff;cursor:pointer;transition:background-color .3s ease;width:100%}.google-btn:hover{background-color:#fa4616}.game-container{align-items:center;background-color:#fff;box-sizing:border-box;display:flex;flex-direction:column;min-height:100vh;padding:40px 20px}.game-title{color:#2a4365;font-size:2rem;margin-bottom:20px;text-align:center}.game-box{background-color:#edf2f7;border:2px solid #2a4365;border-radius:12px;box-shadow:0 6px 12px #0000001a;box-sizing:border-box;max-width:800px;overflow-x:hidden;padding:24px;width:100%}.option-grid{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.option-card{background-color:#fff;border:1.5px solid #2a4365;border-radius:8px;box-shadow:0 4px 6px #0000000f;cursor:pointer;flex:1 1 150px;max-width:180px;min-width:120px;padding:16px;text-align:center;transition:transform .2s ease,box-shadow .2s ease}.option-card:hover{background-color:#ebf4ff;box-shadow:0 6px 10px #0000001a;transform:scale(1.05)}.grid-wrapper{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);justify-items:center;margin:0 auto;max-width:640px;width:100%}.profile-container{background-color:var(--card-bg);border:2px solid var(--text-color);border-radius:16px;box-shadow:0 6px 18px #0000001a;margin:40px auto;max-width:1000px;padding:20px}.profile-header{align-items:center;display:flex;gap:20px;margin-bottom:32px}.profile-avatar{height:100px!important;width:100px!important}.profile-info h4{color:var(--text-color);margin:0}.profile-content{display:flex;flex-direction:column;gap:24px}.profile-card{background-color:var(--bg-color);border:1px solid var(--card-border);box-shadow:0 4px 10px #00000014;padding:20px}.theme-toggle{display:flex;justify-content:flex-end;margin-bottom:16px}.quiz-page{align-items:flex-start;background-color:#fff;box-sizing:border-box;display:flex;justify-content:center;min-height:100vh;padding:40px 20px}.quiz-container{background-color:#edf2f7;border:2px solid #2a4365;border-radius:20px;box-shadow:0 10px 25px #00000026;max-width:700px;padding:2rem 2.5rem;width:100%}.page-title{font-size:2rem;margin-bottom:2rem}.quiz-section{margin-bottom:1.5rem}.quiz-section p{color:#333;font-weight:600;margin:.75rem 0 .5rem}.quiz-button{margin-top:2rem;text-align:center}.quiz-button button{background-color:#2a4365;border-radius:8px;color:#fff;font-weight:600;padding:10px 16px;transition:background-color .2s ease}.quiz-button button:hover{background-color:#1a365d}a{text-decoration:none}.sentences-page{background-color:#fff;box-sizing:border-box;display:flex;justify-content:center;min-height:100vh;padding:40px 20px}.sentences-card{background-color:#edf2f7;border:2px solid #2a4365;border-radius:16px;box-shadow:0 8px 16px #0000001f;max-width:800px;padding:2rem;width:100%}.page-title{color:#2a4365;margin-bottom:1.5rem;text-align:center}.search-form{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.search-input{border:1px solid #ccc;border-radius:6px;flex:1 1;font-size:1rem;padding:.5rem}.submit-btn{background-color:#2a4365;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:.5rem 1rem}.submit-btn:hover{background-color:#1a365d}.sentence-block{margin-bottom:1.5rem}.translation{color:#333;margin:0}.footer-note{color:#444;font-size:.95rem;margin-top:2rem;text-align:center}.vocab-container{align-items:flex-start;background-color:#fff;box-sizing:border-box;display:flex;justify-content:center;min-height:100vh;padding:40px 20px}.vocab-scrollbox{background-color:#f0f4f8;border:2px solid #2a4365;box-shadow:0 8px 16px #0000001a;box-sizing:border-box;height:700px;max-width:800px;overflow-x:hidden;overflow-y:auto;padding:10px;width:100%}.vocab-scrollbox::-webkit-scrollbar{width:10px}.vocab-scrollbox::-webkit-scrollbar-thumb{background-color:#2a4365}.vocab-scrollbox::-webkit-scrollbar-track{background-color:#d3dce6}.vocab-title{color:#2a4365;font-size:1.8rem;margin-bottom:20px;text-align:center}.vocab-table-container{background-color:#fff;border-radius:8px}.customlesson-page{background-color:#fff;box-sizing:border-box;display:flex;justify-content:center;min-height:100vh;padding:40px 20px}.customlesson-container{background-color:#edf2f7;border:2px solid #2a4365;border-radius:16px;box-shadow:0 8px 20px #0000001a;max-width:900px;padding:2rem;width:100%}.customlesson-container h2{color:#2a4365;margin-bottom:1.5rem;text-align:center}.customlesson-container input[type=text]{border:1px solid #cbd5e0;border-radius:6px;box-sizing:border-box;font-size:1rem;padding:8px 12px;width:100%}.customlesson-container table{border-collapse:collapse;margin-bottom:1rem;width:100%}.customlesson-container td,.customlesson-container th{border:1px solid #cbd5e0;padding:8px;text-align:left;vertical-align:middle}.customlesson-container button{background-color:#2a4365;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;margin:8px 4px;padding:10px 16px;transition:background-color .2s ease}.customlesson-container button:hover{background-color:#1a365d}.admin-wrapper{align-items:flex-start;background-color:#fff;box-sizing:border-box;display:flex;justify-content:center;min-height:100vh;padding:20px}.admin-box{background-color:#f7fafc;border:2px solid #cbd5e0;border-radius:16px;box-shadow:0 10px 20px #0000000f;max-width:600px;padding:2rem;width:100%}.admin-title{color:#2a4365;font-size:2rem;margin-bottom:1.5rem;text-align:center}.admin-actions,.admin-form{align-items:center;display:flex;flex-direction:column;gap:1rem;margin-top:2rem}.admin-form input{border:1px solid #ccc;border-radius:8px;box-sizing:border-box;font-size:1rem;max-width:400px;padding:10px;width:100%}.admin-buttons{display:flex;gap:12px}.admin-actions button,.admin-buttons button{background-color:#2a4365;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;padding:10px 16px;transition:background-color .2s ease}.admin-actions button:hover,.admin-buttons button:hover{background-color:#1a365d}.MuiPaper-root{border:1px solid #cbd5e0;border-radius:12px;box-shadow:none!important}.admin-table-button{background-color:#2a4365;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;padding:6px 12px;transition:background-color .2s ease}.admin-table-button:hover{background-color:#1a365d}.editlessons-page{background-color:#fff;box-sizing:border-box;display:flex;justify-content:center;min-height:100vh;padding:40px 20px}.editlessons-container{background-color:#edf2f7;border:2px solid #2a4365;border-radius:16px;box-shadow:0 8px 20px #0000001a;max-width:900px;padding:2rem;width:100%}.editlessons-container h2{color:#2a4365;margin-bottom:1.5rem;text-align:center}.editlessons-container select{border:1px solid #cbd5e0;border-radius:8px;font-size:1rem;margin-bottom:1.5rem;padding:10px 12px;width:100%}.editlessons-container input,.editlessons-container input[type=text]{border:1px solid #cbd5e0;border-radius:8px;box-sizing:border-box;font-size:1rem;margin-bottom:.75rem;padding:8px 10px;width:100%}.editlessons-container button{background-color:#2a4365;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;margin:8px 4px;padding:10px 16px;transition:background-color .2s ease}.editlessons-container button:hover{background-color:#1a365d}.editlessons-buttons{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:1rem}.new-word-inputs{margin-top:24px}
/*# sourceMappingURL=main.3ad2ef04.css.map*/