@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap);.flashcard-wrapper{cursor:pointer;height:320px;margin:20px auto;max-width:420px;perspective:1200px;width:100%}.flashcard{height:100%;position:relative;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.175,.885,.32,1.275);width:100%}.flashcard.flipped{transform:rotateY(180deg)}.flashcard-back,.flashcard-front{align-items:center;backface-visibility:hidden;border-radius:var(--radius-lg);box-shadow:0 15px 35px #00000026;box-sizing:border-box;display:flex;height:100%;justify-content:center;padding:30px;position:absolute;width:100%}.flashcard-front{background:linear-gradient(135deg,var(--primary) 0,#818cf8 100%);border:1px solid #fff3;color:#fff}.flashcard-back{background:#fff;border:1px solid var(--glass-border);color:var(--text-main);transform:rotateY(180deg)}.flashcard-content{text-align:center;width:100%}.flashcard-word{font-size:52px;font-weight:800;letter-spacing:-.5px;margin:0 0 10px;text-shadow:0 2px 4px #0000001a}.flashcard-back .flashcard-word{font-size:42px;margin-bottom:20px;text-shadow:none}.flashcard-pronunciation{font-size:20px;font-style:italic;font-weight:500;margin:10px 0;opacity:.9}.flashcard-hint{background:#0000001a;border-radius:50px;display:inline-block;font-size:15px;font-weight:600;margin-top:30px;opacity:.8;padding:8px 16px}.flashcard-hint,.flashcard-label{letter-spacing:1px;text-transform:uppercase}.flashcard-label{color:var(--text-muted);font-size:12px;font-weight:700;margin:15px 0 5px}.flashcard-meaning{color:var(--primary);font-size:24px;font-weight:800;line-height:1.4;margin:5px 0 20px}.flashcard-example{background:#00000008;border-radius:var(--radius-md);color:var(--text-main);font-size:16px;font-style:italic;line-height:1.6;margin:10px 0;padding:12px}@media (max-width:768px){.flashcard-wrapper{height:280px;max-width:100%}.flashcard-word{font-size:42px}.flashcard-back .flashcard-word{font-size:32px}.flashcard-meaning{font-size:20px}.flashcard-pronunciation{font-size:18px}}@media (max-width:480px){.flashcard-wrapper{height:260px}.flashcard-word{font-size:32px}}.flashcard-wrapper:hover .flashcard{box-shadow:0 25px 50px #0003}.flashcard-wrapper.loading{opacity:.6;pointer-events:none}.flashcard-wrapper.marked .flashcard-front{background:linear-gradient(135deg,#10b981,#059669)}.flashcard-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin:0 auto;max-width:1200px;padding:20px}.flashcard-counter{background:var(--text-main);border-radius:50% 50% 0 50%;box-shadow:0 4px 10px #0003;color:#fff;font-size:14px;font-weight:800;padding:8px 12px;position:absolute;right:-15px;top:-15px;z-index:10}.flashcards-page{align-items:center;display:flex;justify-content:center;padding:60px 20px}.flashcards-container{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);max-width:650px;padding:40px;width:100%}.flashcards-container h1{color:var(--text-main);font-size:32px;font-weight:800;margin-bottom:15px;text-align:center}.progress-section{margin-bottom:35px}.progress-info{align-items:center;display:flex;font-size:14px;font-weight:700;justify-content:space-between;letter-spacing:.5px;margin-bottom:12px}.progress-percentage{color:var(--primary);font-weight:800}.progress-bar{background:#0000000d;border-radius:20px;box-shadow:inset 0 2px 4px #0000000d;height:10px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,var(--primary) 0,var(--secondary) 100%);border-radius:20px;height:100%;transition:width .4s cubic-bezier(.4,0,.2,1)}.flashcard-display{display:flex;justify-content:center;margin:40px 0;position:relative}.marked-badge{animation:bounceIn .5s cubic-bezier(.175,.885,.32,1.275);background:#10b981;border-radius:50px;box-shadow:0 4px 10px #10b9814d;color:#fff;font-size:12px;font-weight:700;letter-spacing:.5px;padding:8px 16px;position:absolute;right:-10px;top:-20px;z-index:10}@keyframes bounceIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.controls{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-bottom:30px}.controls .btn{border:none;border-radius:50px;cursor:pointer;flex:1 1;font-size:15px;font-weight:700;min-width:120px;padding:14px 20px;transition:var(--transition)}.btn-secondary{background:#fff;box-shadow:0 4px 10px #0000000d;color:var(--text-main)}.btn-secondary:hover:not(:disabled){box-shadow:0 6px 15px #00000014;transform:translateY(-2px)}.btn-secondary:disabled{box-shadow:none;cursor:not-allowed;opacity:.5}.btn-mark{background:#0000;border:2px solid var(--primary);color:var(--primary)}.btn-mark:hover{box-shadow:0 6px 15px #4f46e533;transform:translateY(-2px)}.btn-mark.marked,.btn-mark:hover{background:var(--primary);color:#fff}.action-buttons{align-items:center;background:#fff9;border-radius:var(--radius-md);gap:15px;justify-content:space-between;margin-bottom:30px;padding:24px}.btn-outline{background:#fff;border:2px solid #4f46e533;border-radius:50px;color:var(--primary);cursor:pointer;font-weight:700;padding:12px 24px;transition:var(--transition)}.btn-outline:hover{background:var(--primary);border-color:var(--primary);box-shadow:0 4px 15px #4f46e54d;color:#fff;transform:translateY(-2px)}.stats{align-items:center;color:var(--text-muted);display:flex;font-size:14px;font-weight:600;gap:10px}.divider{color:#0000001a}.mini-grid{border-top:1px solid #0000000d;padding-top:30px}.mini-grid h3{color:var(--text-main);font-size:18px;font-weight:700;margin-bottom:20px;text-align:center}.card-buttons{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(45px,1fr))}.card-btn{background:#fff;border:2px solid #0000;border-radius:8px;box-shadow:0 2px 5px #00000005;color:var(--text-muted);cursor:pointer;font-size:14px;font-weight:700;padding:10px;transition:var(--transition)}.card-btn:hover{box-shadow:0 4px 8px #0000000d;transform:translateY(-2px)}.card-btn.active{background:var(--primary);box-shadow:0 6px 15px #4f46e54d;color:#fff;transform:scale(1.1)}.card-btn.marked{background:#10b9811a;border-color:#10b981;color:#10b981}.card-btn.marked.active{background:#10b981;color:#fff}@media (max-width:768px){.flashcards-page{padding:20px 10px}.flashcards-container{padding:30px 20px}.flashcards-container h1{font-size:26px;margin-bottom:25px}.controls{gap:10px}.controls .btn{font-size:14px;min-width:80px;padding:12px 15px}.action-buttons{flex-direction:column;padding:20px}.btn-outline,.stats{width:100%}.stats{justify-content:center}}@media print{.flashcards-page{background:#fff;padding:0}.flashcards-container{border:none;box-shadow:none;padding:0}.action-buttons,.controls,.mini-grid{display:none}}.quizzes-container{padding:60px 20px}.quizzes-header{margin:0 auto 50px;max-width:1000px;text-align:center}.quizzes-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:42px;font-weight:800;margin:0 0 15px}.quizzes-header p{color:var(--text-main);font-size:18px;font-weight:500;margin:0;opacity:.8}.filters{align-items:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:0 8px 32px #0000000d;display:flex;gap:20px;margin:0 auto 40px;max-width:1000px;padding:20px 30px}.filters label{color:var(--text-main);font-weight:600;margin:0}.filters select{background:#fffc;border:2px solid #0000;border-radius:var(--radius-md);color:var(--text-main);cursor:pointer;font-family:inherit;font-size:15px;font-weight:500;padding:12px 20px;transition:var(--transition)}.filters select:hover{background:#fff;border-color:#4f46e54d}.filters select:focus{background:#fff;border-color:var(--primary);box-shadow:0 0 0 4px #4f46e51a;outline:none}.quizzes-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin:0 auto;max-width:1000px}.quiz-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffd9;border:1px solid #fff9;border-radius:var(--radius-lg);box-shadow:0 10px 30px #0000000a;display:flex;flex-direction:column;padding:30px;transition:var(--transition)}.quiz-card:hover{background:#fff;border-color:#4f46e533;box-shadow:0 20px 40px #4f46e526;transform:translateY(-8px)}.quiz-header{align-items:flex-start;display:flex;gap:15px;justify-content:space-between;margin-bottom:20px}.quiz-header h3{color:var(--text-main);flex:1 1;font-size:22px;font-weight:800;line-height:1.3;margin:0}.quiz-header-actions{align-items:center;display:flex;gap:10px}.difficulty-badge{border-radius:50px;box-shadow:0 4px 10px #0000001a;color:#fff;font-size:12px;font-weight:700;letter-spacing:.5px;padding:6px 14px;text-transform:uppercase}.btn-delete-quiz{align-items:center;background:#e74c3c1a;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;padding:0;transition:var(--transition);width:32px}.btn-delete-quiz:hover{background:#e74c3c33;transform:scale(1.1)}.quiz-description{color:var(--text-muted);flex-grow:1;font-size:15px;line-height:1.6;margin:0 0 25px}.quiz-info{grid-gap:20px;border-bottom:1px solid #0000000f;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);margin-bottom:25px;padding-bottom:25px}.info-item{display:flex;flex-direction:column}.info-item .label{color:var(--text-muted);font-size:12px;font-weight:700;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.info-item .value{color:var(--primary);font-size:20px;font-weight:800}.progress-info{background:#4f46e50d;border-radius:8px;color:var(--text-muted);display:inline-block;font-size:13px;font-weight:500;margin-bottom:20px;padding:8px 12px}.btn-start-quiz{background:linear-gradient(135deg,var(--primary) 0,#6366f1 100%);border:none;border-radius:50px;box-shadow:0 4px 15px #4f46e54d;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:14px 24px;transition:var(--transition);width:100%}.btn-start-quiz:hover{box-shadow:0 8px 25px #4f46e566;transform:translateY(-2px)}.btn-start-quiz:active{transform:scale(.97)}.loading,.no-quizzes{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);color:var(--text-muted);font-size:18px;font-weight:500;margin:0 auto;max-width:1000px;padding:80px 40px;text-align:center}.error-message{border-radius:var(--radius-md);box-shadow:0 4px 10px #dc26261a;font-size:16px;font-weight:500;margin:0 auto 30px;max-width:1000px;padding:20px}@media (max-width:768px){.quizzes-container{padding:30px 15px}.quizzes-header h1{font-size:32px}.quizzes-grid{gap:20px;grid-template-columns:1fr}.filters{align-items:stretch;flex-direction:column;padding:20px}.filters select{width:100%}}.quiz-taking-container{padding:40px 20px}.quiz-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);margin:0 auto;max-width:900px;overflow:hidden}.quiz-top-bar{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff6;border-bottom:1px solid #0000000d;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;padding:25px 35px}.quiz-title h2{color:var(--text-main);font-size:26px;font-weight:800;margin:0}.quiz-stats{gap:30px}.quiz-stats,.stat{align-items:center;display:flex}.stat{flex-direction:column}.stat-value{color:var(--primary);font-size:24px}.stat-value.warning{animation:pulse 1s infinite;color:#f59e0b}@keyframes pulse{0%,to{opacity:1;text-shadow:0 0 10px #f59e0b00}50%{opacity:.8;text-shadow:0 0 15px #f59e0b80}}.progress-section{background:#fff6;border-bottom:1px solid #0000000d;padding:24px 35px}.progress-bar-container{background:#0000000d;border-radius:20px;box-shadow:inset 0 2px 4px #0000000d;height:10px;margin-bottom:12px;overflow:hidden;width:100%}.progress-bar-fill{background:linear-gradient(90deg,var(--primary) 0,var(--secondary) 100%);border-radius:20px;height:100%;transition:width .4s cubic-bezier(.4,0,.2,1)}.progress-text{color:var(--text-muted);display:block;font-size:14px;font-weight:600;text-align:right}.question-section{display:flex;flex-direction:column;min-height:350px;padding:50px 35px}.question-text{color:var(--text-main);font-size:26px;font-weight:700;line-height:1.5;margin:0 0 35px}.options-container{display:flex;flex-direction:column;flex-grow:1;gap:16px}.option-label{align-items:center;background:#fff9;border:2px solid #0000;border-radius:var(--radius-md);box-shadow:0 4px 6px #00000005;cursor:pointer;display:flex;padding:18px 25px;transition:var(--transition)}.option-label:hover{background:#fff;border-color:#4f46e533;box-shadow:0 8px 15px #0000000d;transform:translateX(4px)}.option-input{accent-color:var(--primary);cursor:pointer;flex-shrink:0;height:22px;margin-right:20px;width:22px}.option-text{color:var(--text-main);flex:1 1;font-size:17px;font-weight:500;transition:var(--transition)}.option-label input:checked+.option-text{color:var(--primary);font-weight:700}.option-label:has(input:checked){background:#4f46e50d;border-color:var(--primary);box-shadow:0 8px 20px #4f46e51a}.navigation-section{align-items:center;background:#fff6;border-top:1px solid #0000000d;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;padding:30px 35px}.btn-nav{background:#fff;border:none;border-radius:50px;box-shadow:0 4px 10px #0000000d;color:var(--text-main);cursor:pointer;font-size:16px;font-weight:600;padding:14px 28px;transition:var(--transition)}.btn-nav:hover:not(:disabled){background:#f8fafc;box-shadow:0 6px 15px #00000014;transform:translateY(-2px)}.btn-nav:disabled{box-shadow:none;cursor:not-allowed;opacity:.5}.btn-submit{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:50px;box-shadow:0 4px 15px #10b9814d;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:14px 32px;transition:var(--transition)}.btn-submit:hover:not(:disabled){box-shadow:0 8px 25px #10b98166;transform:translateY(-2px)}.btn-submit:disabled{box-shadow:none;cursor:not-allowed;opacity:.6}.question-indicators{flex:1 1;flex-wrap:wrap;gap:10px}.indicator,.question-indicators{display:flex;justify-content:center}.indicator{align-items:center;background:#fffc;border:2px solid #0000;border-radius:50%;box-shadow:0 2px 5px #0000000d;color:var(--text-main);cursor:pointer;font-weight:600;height:42px;transition:var(--transition);width:42px}.indicator:hover{background:#fff;box-shadow:0 6px 12px #0000001a;transform:translateY(-2px)}.indicator.current{background:var(--primary);border-color:var(--primary);box-shadow:0 6px 15px #4f46e566;color:#fff;transform:scale(1.05)}.indicator.answered{background:#10b981;border-color:#10b981;color:#fff}.answered-info{align-items:center;background:#fff9;border-top:1px solid #0000000d;display:flex;flex-wrap:wrap;gap:15px;justify-content:center;padding:24px 35px}.badge-answered{background:#10b981;box-shadow:0 4px 10px #10b98133}.badge-answered,.badge-info{border-radius:50px;color:#fff;font-size:13px;font-weight:700;letter-spacing:.5px;padding:8px 16px}.badge-info{background:var(--primary);box-shadow:0 4px 10px #4f46e533}@media (max-width:768px){.quiz-top-bar{align-items:flex-start;flex-direction:column;padding:20px}.quiz-stats{justify-content:space-between;width:100%}.question-section{padding:30px 20px}.question-text{font-size:20px}.option-label{padding:15px}.navigation-section{flex-direction:column;padding:25px 20px}.btn-nav,.btn-submit{width:100%}}.results-container{padding:60px 20px}.results-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);margin:0 auto;max-width:900px;overflow:hidden}.score-section{background:#fff6;border-bottom:1px solid #0000000d;padding:60px 30px;text-align:center}.score-circle{align-items:center;animation:popIn .8s cubic-bezier(.175,.885,.32,1.275);background:#fff;border:10px solid;border-radius:50%;box-shadow:0 15px 35px #0000001a;display:flex;height:220px;justify-content:center;margin:0 auto 30px;width:220px}@keyframes popIn{0%{opacity:0;transform:scale(.5) translateY(50px)}to{opacity:1;transform:scale(1) translateY(0)}}.score-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;font-size:72px}.score-message,.score-number{color:var(--text-main);font-weight:800}.score-message{font-size:32px;margin:20px 0 10px}.quiz-title{color:var(--text-muted);font-size:18px;font-weight:500;margin:0}.stats-grid{grid-gap:25px;background:#fff3;border-bottom:1px solid #0000000d;gap:25px;padding:40px 30px}.stat-box{align-items:center;background:#fff;border-radius:var(--radius-md);box-shadow:0 4px 15px #00000008;display:flex;gap:15px;padding:24px;transition:var(--transition)}.stat-box:hover{box-shadow:0 10px 25px #0000000f;transform:translateY(-4px)}.stat-icon{font-size:36px;min-width:50px;text-align:center}.stat-info{flex:1 1}.stat-label{color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.stat-value{color:var(--text-main);font-size:26px;font-weight:800}.performance-section{background:#ffffff80;border-bottom:1px solid #0000000d;padding:40px 30px}.performance-section h2{color:var(--text-main);font-size:24px;font-weight:800;margin:0 0 25px}.performance-bar{background:#0000000d;border-radius:50px;box-shadow:inset 0 2px 5px #0000000d;display:flex;height:45px;overflow:hidden}.bar-segment{align-items:center;color:#fff;display:flex;font-size:14px;font-weight:700;justify-content:center;transition:width 1s cubic-bezier(.4,0,.2,1)}.bar-segment.correct{background:linear-gradient(90deg,#10b981,#059669)}.bar-segment.wrong{background:linear-gradient(90deg,#ef4444,#dc2626)}.details-section{border-bottom:1px solid #0000000d;padding:40px 30px}.btn-toggle-details{align-items:center;background:#fff;border:2px solid #4f46e533;border-radius:var(--radius-md);box-shadow:0 4px 6px #00000005;color:var(--primary);cursor:pointer;display:flex;font-size:16px;font-weight:700;gap:10px;justify-content:center;padding:16px 24px;transition:var(--transition);width:100%}.btn-toggle-details:hover{background:var(--primary);box-shadow:0 8px 20px #4f46e533;color:#fff;transform:translateY(-2px)}.review-container{display:flex;flex-direction:column;gap:24px;margin-top:30px}.review-item{background:#fff;border-left:6px solid var(--text-muted);border-radius:var(--radius-md);box-shadow:0 4px 15px #00000008;padding:25px;transition:var(--transition)}.review-item:hover{box-shadow:0 6px 20px #0000000f;transform:translateX(4px)}.review-item[data-correct=true]{border-left-color:#10b981}.review-item[data-correct=false]{border-left-color:#ef4444}.review-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.question-number{color:var(--text-muted);font-size:14px}.badge,.question-number{font-weight:700;letter-spacing:.5px}.badge{border-radius:50px;font-size:12px;padding:6px 14px}.badge.correct{background:#10b981;color:#fff}.badge.wrong{background:#ef4444;color:#fff}.review-question{color:var(--text-main);font-size:18px;font-weight:700;line-height:1.5;margin:0 0 20px}.review-options{display:flex;flex-direction:column;gap:12px}.review-option{background:#f8fafc;border:2px solid #0000;border-radius:var(--radius-md);color:var(--text-main);font-size:15px;font-weight:500;padding:14px 18px}.review-option.selected{background:#6366f10d;border-color:#6366f1}.review-option.correct-answer{background:#10b9810d;border-color:#10b981}.marker{font-weight:700;margin-right:12px}.review-option.correct-answer .marker{color:#10b981}.review-option.selected:not(.correct-answer) .marker{color:#ef4444}.action-buttons{background:#fff6;display:flex;flex-wrap:wrap;gap:20px;justify-content:center;padding:40px}.btn-back,.btn-dashboard,.btn-retake{border:none;border-radius:50px;cursor:pointer;flex:1 1;font-size:16px;font-weight:700;min-width:180px;padding:16px 32px;transition:var(--transition)}.btn-retake{background:linear-gradient(135deg,var(--primary) 0,#6366f1 100%);box-shadow:0 6px 15px #4f46e54d;color:#fff}.btn-back{background:#fff;box-shadow:0 4px 15px #0000000d;color:var(--text-main)}.btn-dashboard{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 6px 15px #10b9814d;color:#fff}.btn-dashboard:hover,.btn-retake:hover{box-shadow:0 10px 25px #0003;transform:translateY(-2px)}.btn-back:hover{background:#f8fafc;transform:translateY(-2px)}@media (max-width:768px){.results-container{padding:20px 10px}.score-section{padding:40px 20px}.score-circle{border-width:8px;height:160px;width:160px}.score-number{font-size:52px}.stats-grid{grid-template-columns:1fr}.action-buttons,.performance-section,.stats-grid{padding:25px 20px}.action-buttons{flex-direction:column}.btn-back,.btn-dashboard,.btn-retake{min-width:auto;width:100%}}.admin-page{padding:60px 20px}.admin-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);margin:0 auto;max-width:960px;padding:40px}.admin-card h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;font-size:32px;font-weight:800;margin-top:0}.admin-card p{color:var(--text-muted);font-size:16px;margin-bottom:25px}.admin-overview{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:30px}.overview-box{background:#ffffff80;border:1px solid #fff6;border-radius:var(--radius-md);flex:1 1;min-width:200px;padding:24px;transition:var(--transition)}.overview-box:hover{box-shadow:0 10px 20px #0000000d;transform:translateY(-5px)}.overview-box h3{color:var(--text-muted);font-size:14px;font-weight:600;margin:0;text-transform:uppercase}.overview-box span{color:var(--primary);display:block;font-size:32px;font-weight:800;margin-top:10px}.admin-users h2,.admin-vocab h2{color:var(--text-main);font-size:24px;font-weight:700;margin-bottom:15px}table{background:#fff9;border-collapse:initial;border-radius:var(--radius-md);border-spacing:0;box-shadow:0 4px 6px #00000005;margin-top:10px;overflow:hidden;width:100%}td,th{border-bottom:1px solid #0000000d;padding:16px 20px;text-align:left}th{background:#fffc;color:var(--primary);font-size:13px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}tr:last-child td{border-bottom:none}tr{transition:var(--transition)}tr:hover{background:#fff6}.admin-error{background:#fef2f2;border-left:4px solid #dc2626;border-radius:var(--radius-md);color:#dc2626;margin-bottom:20px;padding:15px}.admin-vocab{background:#ffffff80;border:1px solid var(--glass-border);border-radius:var(--radius-lg);margin-top:40px;padding:30px}.admin-vocab form{grid-gap:20px;display:grid;gap:20px;margin-top:20px}.form-row{display:flex;flex-direction:column;gap:8px}.form-row label{color:var(--text-main);font-size:14px;font-weight:600}.form-row input,.form-row select,.form-row textarea{background:#fffc;border:2px solid #0000;border-radius:var(--radius-md);box-shadow:inset 0 2px 4px #00000005;color:var(--text-main);font-family:inherit;font-size:15px;padding:12px 16px;transition:var(--transition)}.form-row input:focus,.form-row select:focus,.form-row textarea:focus{background:#fff;border-color:var(--primary);box-shadow:0 0 0 4px #4f46e51a;outline:none}.btn-add-vocab{align-self:flex-start;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:50px;box-shadow:0 4px 15px #10b9814d;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:var(--transition)}.btn-add-vocab:hover{box-shadow:0 6px 20px #10b98166;transform:translateY(-2px)}.btn-add-vocab:active{transform:scale(.97)}.btn-admin-back{background:#fff;border:2px solid #4f46e533;border-radius:50px;color:var(--primary);cursor:pointer;font-weight:600;margin-top:30px;padding:12px 24px;transition:var(--transition)}.btn-admin-back:hover{background:var(--primary);border-color:var(--primary);box-shadow:0 4px 15px #4f46e54d;color:#fff;transform:translateY(-2px)}.btn-danger{background:#fee2e2;border:none;border-radius:6px;color:#dc2626;cursor:pointer;font-weight:600;padding:6px 12px;transition:var(--transition)}.btn-danger:hover{background:#f87171;color:#fff}.no-access{color:var(--text-muted);font-size:20px;padding:60px;text-align:center}.profile-container{margin:0 auto;max-width:800px;padding:60px 20px}.avatar-section,.profile-header{margin-bottom:30px;text-align:center}.avatar-preview{border:4px solid #fff;border-radius:50%;box-shadow:0 10px 25px #0000001a;height:160px;margin-bottom:15px;object-fit:cover;transition:var(--transition);width:160px}.avatar-preview:hover{box-shadow:0 15px 35px #00000026;transform:scale(1.05)}.avatar-upload{display:inline-block;position:relative}.avatar-upload input[type=file]{cursor:pointer;height:100%;opacity:0;position:absolute;width:100%}.profile-form{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);padding:40px}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:30px}.stat-card{background:#fff9;border:1px solid #ffffff80;border-radius:var(--radius-md);padding:24px;text-align:center;transition:var(--transition)}.stat-card:hover{background:#ffffffe6;box-shadow:0 10px 20px #0000000d;transform:translateY(-5px)}.error-message,.success-message{border-radius:var(--radius-md);font-weight:500;margin-bottom:20px;padding:15px;text-align:center}@media (max-width:768px){.profile-container{padding:30px 15px}.profile-form{padding:25px}.avatar-preview{height:130px;width:130px}}:root{--primary:#4f46e5;--primary-hover:#4338ca;--secondary:#ec4899;--bg-gradient:linear-gradient(-45deg,#ee7752,#e73c7e,#23a6d5,#23d5ab);--glass-bg:#ffffffb3;--glass-border:#fff6;--glass-shadow:0 8px 32px 0 #1f26871a;--text-main:#1e293b;--text-muted:#64748b;--radius-lg:20px;--radius-md:12px;--transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;background-color:#f8fafc;color:#1e293b;color:var(--text-main);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.app,body{min-height:100vh}.app{animation:gradientBG 15s ease infinite;background:linear-gradient(-45deg,#ee7752,#e73c7e,#23a6d5,#23d5ab);background:var(--bg-gradient);background-size:400% 400%;display:flex;flex-direction:column}@keyframes gradientBG{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.container{margin:0 auto;max-width:1200px;padding:0 20px;width:100%}.glass-panel{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#ffffffb3;background:var(--glass-bg);border:1px solid #fff6;border:1px solid var(--glass-border);border-radius:20px;border-radius:var(--radius-lg);box-shadow:0 8px 32px 0 #1f26871a;box-shadow:var(--glass-shadow)}.btn{align-items:center;border:none;border-radius:50px;cursor:pointer;display:inline-flex;font-family:Inter,sans-serif;font-size:16px;font-weight:600;gap:8px;justify-content:center;padding:14px 24px;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.btn:active{transform:scale(.97)}.btn-primary{background:linear-gradient(135deg,#4f46e5,#818cf8);background:linear-gradient(135deg,var(--primary) 0,#818cf8 100%);box-shadow:0 4px 15px #4f46e54d;color:#fff}.btn-primary:hover{box-shadow:0 6px 20px #4f46e580;transform:translateY(-2px)}.btn-secondary{background:#fffc;border:1px solid #4f46e533;color:#4f46e5;color:var(--primary)}.btn-secondary:hover{background:#fff;box-shadow:0 4px 15px #0000000d;transform:translateY(-2px)}.btn-logout{background-color:#ef4444;border:none;border-radius:50px;color:#fff;cursor:pointer;font-weight:600;padding:12px 30px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.btn-logout:hover{background-color:#dc2626;box-shadow:0 5px 15px #ef44444d;transform:translateY(-2px)}.auth-container{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:20px}.auth-form{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffffb3;background:var(--glass-bg);border:1px solid #fff6;border:1px solid var(--glass-border);border-radius:20px;border-radius:var(--radius-lg);box-shadow:0 8px 32px 0 #1f26871a;box-shadow:var(--glass-shadow);max-width:420px;padding:40px;width:100%}.auth-form h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4f46e5,#ec4899);background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;font-size:28px;font-weight:800;margin-bottom:30px;text-align:center}.form-group{margin-bottom:24px}.form-group label{color:#1e293b;color:var(--text-main);display:block;font-size:14px;font-weight:600;margin-bottom:8px}.form-group input,.form-group textarea{background:#ffffffb3;border:2px solid #0000;border-radius:12px;border-radius:var(--radius-md);box-shadow:inset 0 2px 4px #00000005;color:#1e293b;color:var(--text-main);font-family:inherit;font-size:15px;padding:14px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.form-group input:focus,.form-group textarea:focus{background:#fff;border-color:#4f46e5;border-color:var(--primary);box-shadow:0 0 0 4px #4f46e51a;outline:none}.form-footer{font-size:14px;margin-top:24px;text-align:center}.form-footer a{color:#4f46e5;color:var(--primary);font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.form-footer a:hover{color:#4338ca;color:var(--primary-hover);text-decoration:underline}.dashboard-container{min-height:100vh;padding:60px 20px}.dashboard{margin:0 auto;max-width:900px;padding:40px}.dashboard-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e293b,#4f46e5);-webkit-background-clip:text;font-size:36px;font-weight:800;margin-bottom:30px}.features-section h2{color:#1e293b;color:var(--text-main);font-size:24px;font-weight:700;margin-bottom:24px}.feature-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.feature-card{align-items:center;background:linear-gradient(135deg,#4f46e5,#6366f1);background:linear-gradient(135deg,var(--primary) 0,#6366f1 100%);border-radius:20px;border-radius:var(--radius-lg);box-shadow:0 10px 25px #4f46e533;color:#fff;display:flex;flex-direction:column;padding:30px 20px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.feature-card.admin-card{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 10px 25px #f59e0b33}.feature-card:hover{box-shadow:0 15px 35px #4f46e566;transform:translateY(-8px) scale(1.02)}.feature-card.admin-card:hover{box-shadow:0 15px 35px #f59e0b66}.feature-icon{filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));font-size:52px;margin-bottom:15px}.feature-card h3{font-size:22px;font-weight:700;margin-bottom:10px}.feature-card p{font-size:15px;line-height:1.6;opacity:.9;text-align:center}.action-section{align-items:center;border-top:1px solid #00000014;display:flex;flex-direction:column;gap:15px;margin-top:40px;padding-top:30px;text-align:center}.status-text{color:#64748b;color:var(--text-muted);font-weight:500}.spinner{animation:spin 1s linear infinite;border:4px solid #4f46e51a;border-radius:50%;border-top-color:#4f46e5;border-top:4px solid var(--primary);height:45px;margin:40px auto;width:45px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-message{background:#fef2f2;border-left:4px solid #dc2626;color:#dc2626}.error-message,.success-message{border-radius:8px;font-size:14px;margin:10px 0;padding:12px}.success-message{background:#f0fdf4;border-left:4px solid #16a34a;color:#16a34a}@media (max-width:768px){.dashboard-container{padding:20px 10px}.dashboard{padding:25px}.dashboard-header h1{font-size:28px}}
/*# sourceMappingURL=main.a4fb1f5f.css.map*/