body{margin:0;padding:0;background-color:#000;color:#fff;font-family:Arial,sans-serif}.navbar{background-color:#000;padding:1rem;display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap}.nav-links{display:flex;gap:2rem}.nav-link{color:#fff;text-decoration:none;font-size:1.2rem}.nav-link:hover{text-decoration:underline}.menu-toggle{display:none;font-size:1.8rem;background:none;border:none;color:#fff;cursor:pointer}@media (max-width: 768px){.menu-toggle{display:block}.nav-links{display:none;flex-direction:column;width:100%;padding-top:.5rem;gap:0}.nav-links.open{display:flex}.nav-link{padding:.5rem 0;font-size:1rem;border-top:1px solid #333;width:25%;min-width:100px}.nav-link:first-child{border-top:none}}.input,.select-level,.select-category{padding:.75rem;border:1px solid #555;border-radius:4px;font-size:1rem;background-color:#333;color:#fff}.input::placeholder,.select-level::placeholder,select-category::placeholder{color:#aaa}.button{padding:.75rem;background-color:#555;color:#fff;border:none;border-radius:4px;font-size:1rem;cursor:pointer}.button:hover{background-color:#777}.vocabulary-container{padding:1.5rem;display:flex;flex-direction:column;align-items:center;background-color:#000;color:#fff;min-height:100vh}.vocabulary-title{font-size:1.5rem;font-weight:700;margin-bottom:1.5rem}.search-container{margin-bottom:1.5rem;width:100%;max-width:30rem}.search-input{width:100%;padding:.5rem;border-radius:.25rem;border:1px solid #444;background-color:#1a1a1a;color:#fff}.search-input::placeholder{color:#aaa}.table-container{width:100%;max-width:64rem;overflow-x:auto}.vocabulary-table{width:100%;border-collapse:collapse;border:1px solid #444}.vocabulary-table th{padding:.75rem;text-align:left;background-color:#1a1a1a;color:#fff}.vocabulary-table td{padding:.75rem;border:1px solid #444;color:#fff}.understanding-perfect{background-color:#10b981;color:#fff;padding:.25rem .75rem;border-radius:9999px;font-size:.875rem}.understanding-medium{background-color:#f59e0b;color:#fff;padding:.25rem .75rem;border-radius:9999px;font-size:.875rem}.understanding-low{background-color:#ef4444;color:#fff;padding:.25rem .75rem;border-radius:9999px;font-size:.875rem}.understanding-good{background-color:#00f;color:#fff;padding:.25rem .75rem;border-radius:9999px;font-size:.875rem}.filters-container{display:flex;gap:1rem;justify-content:center;margin-bottom:1.5rem;flex-wrap:wrap;width:100%;max-width:30rem}.category-select{width:100%;padding:.5rem;border-radius:.25rem;border:1px solid #444;background-color:#1a1a1a;color:#fff;font-size:1rem}.vocabulary-table input[type=text],.vocabulary-table select{width:80%;padding:.5rem;border-radius:.25rem;border:1px solid #444;background-color:#1a1a1a;color:#fff;font-size:1rem}.vocabulary-table button.save-btn,button.cancel-btn,button.edit-btn{padding:.5rem 1rem;border-radius:.25rem;border:none;background-color:#4b5563;color:#fff;cursor:pointer;font-size:.875rem;margin-right:.5rem}.vocabulary-table button.save-btn{background-color:#10b981;margin-bottom:.5rem}.vocabulary-table button.save-btn:hover{background-color:#34d399}.vocabulary-table button.cancel-btn{background-color:#ef4444}.vocabulary-table button.cancel-btn:hover{background-color:#f87171}.vocabulary-table tr.editing td{background-color:#374151}.vocabulary-table select option{background-color:#1a1a1a;color:#fff}.revision-container{padding:1.5rem;display:flex;flex-direction:column;align-items:center;background-color:#000;color:#fff;min-height:100vh}.revision-title{font-size:1.5rem;font-weight:700;margin-bottom:2rem}.word-display{margin-bottom:2rem;padding:1rem;background-color:#1a1a1a;border-radius:.5rem;text-align:center}.word-text{font-size:1.2rem;font-weight:700}.answer-form{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:30rem;margin-bottom:1rem}.answer-input{padding:.75rem;border-radius:.5rem;border:1px solid #444;background-color:#1a1a1a;color:#fff}.answer-input::placeholder{color:#aaa}.submit-button{padding:.75rem;background-color:#444;color:#fff;border:none;border-radius:.5rem;cursor:pointer}.submit-button:hover{background-color:#555}.answer-feedback{margin-top:1rem;text-align:center}.correct-answer{color:#10b981;font-weight:700}.incorrect-answer{color:#ef4444;font-weight:700}.understanding-selector{margin:1rem 0}.understanding-dropdown{margin-left:.5rem;padding:.5rem;border-radius:.5rem;background-color:#1a1a1a;color:#fff;border:1px solid #444}.button-class{display:flex;flex-direction:column;width:100%;align-items:center;gap:1rem}.next-button{padding:.75rem 1.5rem;background-color:#10b981;color:#fff;border:none;border-radius:.5rem;cursor:pointer;width:7rem}.next-button:hover{background-color:#0d9488}.audio-btn{padding:.75rem;background-color:transparent;color:#495057;border:1px solid #dee2e6;border-radius:50%;cursor:pointer;font-size:1.25rem;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.audio-btn:hover{background-color:#f8f9fa;border-color:#ced4da}.category-select{max-width:30rem;width:100%;padding:.5rem;border-radius:.25rem;border:1px solid #444;background-color:#1a1a1a;color:#fff;font-size:1rem}.category-select option{background-color:#1a1a1a;color:#fff}.form-container{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:80vh;padding:2rem;margin:0 auto;width:60%}.form{display:flex;flex-direction:column;gap:1rem;background-color:#000;padding:2rem;border-radius:8px;box-shadow:0 4px 6px #ffffff1a;width:100%;max-width:500px;color:#fff}.input,.select{padding:.75rem;border:1px solid #555;border-radius:4px;font-size:1rem;background-color:#333;color:#fff}.input::placeholder{color:#aaa}.button{padding:.75rem;background-color:#555;color:#fff;border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:background-color .3s}.button:hover:not(:disabled){background-color:#777}.button:disabled{opacity:.6;cursor:not-allowed}.error-message{background-color:#fee;color:#c33;padding:.75rem;border-radius:5px;border:1px solid #fcc;text-align:center}.form-container h1{color:#fff;margin-bottom:1.5rem;text-align:center}body{margin:0;padding:0;background-color:#000;color:#fff;font-family:Arial,sans-serif;overflow-x:hidden}