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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background-color:#f0f4f8;color:#2d3748;display:flex;font-family:Roboto,Georgia;height:100vh;justify-content:center;margin:0;padding:0;text-align:center}.dictionary-page{flex-direction:column;min-height:100vh}.dictionary-header,.dictionary-page{align-items:center;display:flex;width:100%}.dictionary-header{box-sizing:border-box;justify-content:space-between;max-width:1800px;padding-bottom:20px;padding-top:20px}.dictionary-header h1{color:#2c5282;flex-grow:2;font-size:2.5em;font-weight:700;margin:0;text-align:center;text-shadow:0 1px 2px #0003}.dictionary-header .right-button{display:flex;flex-basis:120px;justify-content:flex-end}.dictionary-header .left-button{display:flex;flex-basis:120px;justify-content:flex-start}.help-button{align-items:center;background-color:#3a6ea5;border:none;border-radius:50%;box-shadow:0 2px 5px #0003;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;font-weight:700;height:40px;justify-content:center;transition:all .3s ease;width:40px}.help-button:hover{background-color:#2c5282;box-shadow:0 4px 8px #0000004d;transform:scale(1.1)}.admin-login-button{background-color:#3a6ea5;border:1px solid #fff6;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;padding:10px 15px;transition:all .3s ease}.admin-login-button:hover{background-color:#2c5282;transform:translateY(-2px)}.dictionary-search-bar-container{background-color:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 4px 15px #00000014;box-sizing:border-box;display:flex;justify-content:center;margin:0 auto 30px;max-width:1800px;padding:20px;width:100%}.dictionary-search-bar-container button,.dictionary-search-bar-container input,.dictionary-search-bar-container select{border:1px solid #e2e8f0;font-size:1rem;margin-right:5px;padding:15px}.dictionary-search-bar-container select{background-color:#3a6ea5;border:none;border-radius:5px;color:#fff;cursor:pointer;width:150px}.dictionary-search-bar-container input{background-color:#f7f9fc;border:1px solid #cbd5e0;border-radius:5px;flex-grow:1;min-width:200px;transition:border-color .3s ease,box-shadow .3s ease}.dictionary-search-bar-container input:focus{border-color:#3a6ea5;box-shadow:0 0 0 2px #3a6ea533;outline:none}.dictionary-search-bar-container button{background-color:#3a6ea5;border:none;border-radius:30px;color:#fff;cursor:pointer;font-weight:500;transition:all .3s ease}.dictionary-search-bar-container button:hover{background-color:#2c5282;box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.dictionary-error-message{background-color:#e53e3e1a;border-left:4px solid #e53e3e;border-radius:8px;color:#e53e3e;font-size:16px;margin-top:10px;min-width:80%;padding:15px}.dictionary-boxes{align-items:center;display:flex;flex-wrap:wrap;gap:40px;justify-content:center;margin-top:20px;max-width:1800px;width:100%}.dictionary-boxTitle{background:#0000;border:none;color:#3a6ea5;cursor:pointer;font-size:xx-large;font-weight:700;outline:none;padding:0;transition:color .3s ease}.dictionary-boxTitle:hover{color:#2c5282}.dictionary-boxTitle:focus{outline:none}.dictionary-boxTitle option{background-color:#fff;color:#2d3748;font-size:1.5rem;padding:10px;text-align:center}.dictionary-box{background-color:#fff;border-radius:12px;border-top:5px solid #3a6ea5;box-shadow:0 4px 16px #00000014;box-sizing:border-box;display:flex;flex-direction:column;gap:20px;max-width:400px;min-height:600px;min-width:250px;padding:25px;transition:all .3s ease;width:28vw}.dictionary-box:hover{box-shadow:0 12px 24px #0000001f;transform:translateY(-4px)}.dictionary-box-content{display:flex;flex-direction:column;flex-grow:1;justify-content:space-between}.dictionary-content-text p{color:#4a5568;font-size:1rem;line-height:1.5;margin:8px 0}.dictionary-content-text strong{color:#2c5282;font-weight:700}.dictionary-content-text p:nth-child(2){-webkit-line-clamp:2;max-height:3.2em;min-height:3.2em}.dictionary-content-text p:nth-child(10),.dictionary-content-text p:nth-child(2){-webkit-box-orient:vertical;display:-webkit-box;line-height:1.6;overflow:hidden;text-overflow:ellipsis;white-space:normal}.dictionary-content-text p:nth-child(10){-webkit-line-clamp:3;max-height:4.8em;min-height:4.8em}.dictionary-audio-player{background-color:#f7f9fc;border-radius:8px;box-shadow:0 2px 6px #0000000d;box-sizing:border-box;margin-bottom:10px;margin-top:15px;max-width:500px;width:100%}.dictionary-image-container{align-items:center;aspect-ratio:16/9;background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 6px 16px #00000014;display:flex;justify-content:center;margin:30px auto;max-width:800px;overflow:hidden;position:relative;width:100%}.dictionary-large-image{background-color:#fff;border-radius:12px;height:100%;object-fit:contain;padding:16px;width:100%}.dictionary-image-wrapper{border-radius:12px;box-shadow:0 6px 16px #00000014;margin:20px auto;max-width:800px;position:relative}.dictionary-image-placeholder,.dictionary-image-wrapper{align-items:center;background-color:#fff;display:flex;height:100%;justify-content:center;width:100%}.dictionary-image-placeholder{border:1px dashed #cbd5e0;border-radius:8px;color:#a0aec0;font-size:1.2rem;padding:40px}@media (max-width:768px){.dictionary-header{flex-direction:column;padding:15px}.dictionary-header h1{font-size:2em;margin:10px 0}.dictionary-header .left-button,.dictionary-header .right-button{flex-basis:auto;margin:5px 0}.dictionary-box{max-width:100%;width:100%}.dictionary-search-bar-container{flex-direction:column;gap:10px}.dictionary-search-bar-container button,.dictionary-search-bar-container input,.dictionary-search-bar-container select{margin-right:0;width:100%}.dictionary-image-container{aspect-ratio:4/3;max-width:100%}}@media (max-width:480px){.dictionary-image-container{aspect-ratio:1/1}.dictionary-large-image{padding:8px}}.logo-container{display:flex;justify-content:center;margin-top:auto;padding:20px;width:100%}.logo{height:auto;width:200px}.content-error-message{border-radius:8px;color:#d8000c;font-size:16px;margin-top:10px;min-width:80%;padding:15px}.content-container{align-items:start;grid-auto-rows:60px}.content-item div{height:20px;max-width:100px;min-width:100px}.content-page{display:flex;flex-direction:column;height:100vh;justify-content:space-between;padding-bottom:60px}.content-container{grid-gap:10px;align-items:center;display:grid;flex:1 1;gap:10px;grid-template-columns:repeat(7,1fr);padding:10px}.content-header{font-weight:700}.content-header,.content-item{display:contents}.content-item div{background-color:#fff;border:4px solid #ddd;border-radius:10px;cursor:pointer;overflow:hidden;padding:5px;text-align:center;text-overflow:ellipsis;transition:background-color .3s ease;white-space:nowrap}.content-item div:hover{background-color:#cbdceb;border:4px solid #133e87}.content-header div{background-color:#133e87;color:#f3f3e0;padding:5px;text-align:center}.content-item div:active{background-color:#133e87;color:#fff}.content-pagination-container{align-items:center;display:flex;justify-content:space-between;padding:10px}.content-pagination{align-items:center;display:flex;gap:10px;justify-content:center;padding:10px}.pagination-button{background:none;border:none;color:#133e87;cursor:pointer;font-weight:700}.pagination-button:disabled{color:#ccc;cursor:not-allowed}.page-input{background-color:#fff;border:1px solid #ccc;border-radius:6px;font-size:14px;outline:none;padding:4px;text-align:center;transition:border-color .3s;width:10px}.page-input:focus{border-color:#007bff;box-shadow:0 0 4px #007bff80}.add-word-button{background-color:#133e87;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 20px}.add-word-button:hover{background-color:#1a4b8a}.word-details-overlay{background:#00000080;height:100%;left:0;position:fixed;top:0;width:100%;z-index:999}.word-details-box{background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 8px #0003;left:50%;max-width:400px;padding:20px;position:fixed;top:20%;transform:translate(-50%,-20%);width:100%;z-index:1000}.word-details-close-button{border:none;border-radius:50%;color:#608bc1;cursor:pointer;padding:5px 10px;position:absolute;right:10px;top:10px}.word-details-close-button:hover{background:darkred;color:#fff}.word-details label{align-items:center;display:flex;font-size:14px;justify-content:space-between;margin-bottom:15px}.word-details input{border:1px solid #ccc;border-radius:4px;font-size:14px;margin-left:10px;max-width:300px;padding:8px;width:65%}.word-details input:focus{border-color:#007bff;outline:none}.word-details h2{font-size:1.2em;margin-bottom:20px}.word-details textarea{border:1px solid #ccc;border-radius:4px;font-size:14px;height:100px;margin-left:10px;max-width:300px;overflow-y:auto;padding:8px;resize:vertical;width:65%}.word-details textarea:focus{border-color:#007bff;outline:none}.word-details-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.word-details-update-button{background-color:#add8e6;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:10px;transition:background-color .3s ease,transform .2s ease}.word-details-update-button:focus,.word-details-update-button:hover{background-color:#00008b;transform:scale(1.05)}.word-details-delete-button{background-color:#fff;border:1px solid red;border-radius:4px;color:red;cursor:pointer;font-size:14px;padding:10px;transition:background-color .3s ease,transform .2s ease}.word-details-delete-button:focus,.word-details-delete-button:hover{background-color:red;color:#fff;transform:scale(1.05)}.new-word{background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 8px #0003;left:50%;max-height:500px;max-width:600px;overflow-y:auto;padding:20px;position:fixed;top:20%;transform:translate(-50%,-20%);width:80%;z-index:1000}.new-word::-webkit-scrollbar{height:10px;width:20px}.new-word::-webkit-scrollbar-track{background:#f3f3e0;border-radius:0}.new-word::-webkit-scrollbar-thumb{background:#608bc1;border-radius:10px}.new-word::-webkit-scrollbar-thumb:hover{background:#133e87}.new-word::-webkit-scrollbar-corner{background:#f1f1f1}.close-button{border:none;border-radius:50%;color:#133e87;cursor:pointer;font-size:18px;padding:5px 10px;position:absolute;right:10px;top:10px}.close-button:hover{background:darkred;color:#fff}.tabs{display:flex;gap:10px;justify-content:center;margin-bottom:20px}.tab{background:#f3f3e0;border:none;border-radius:10px;cursor:pointer;padding:10px 20px}.tab.active{background:#133e87;color:#fff}.tab:hover{background:#608bc1}.add-word-form,.import-file-form{display:flex;flex-direction:column;gap:15px;padding:30px}.add-word-form label{align-items:center;display:flex;font-size:14px;justify-content:space-between;margin-bottom:15px}.add-word-form input[type=file],.add-word-form input[type=text],.add-word-form select,.add-word-form textarea{border:1px solid #ccc;border-radius:4px;font-size:14px;margin-left:2px;max-width:500px;padding:8px;width:75%}.add-word-form select{border:1px solid #ccc;border-radius:4px;font-size:14px;max-width:500px;padding:8px;width:78%}.add-word-form textarea{min-height:100px;resize:vertical}.submit-button{background-color:#cbdceb;border-radius:5px;color:#608bc1;width:100%}.submit-button:hover{color:#f3f3e0}.submit-button:active{background-color:#133e87}input[type=file]{font-size:14px;padding:5px}input[type=file]:focus{border-color:#007bff}.import-file-form label{color:#333;font-size:16px;font-weight:700;margin-bottom:5px}.import-file-form input[type=file]{display:none}.import-file-form .file-label{background-color:#cbdceb;border:2px dashed #608bc1;border-radius:5px;color:#608bc1;cursor:pointer;display:inline-block;font-size:16px;padding:160px 25px;text-align:center;transition:background-color .3s ease,border-color .3s ease}.import-file-form .file-label:hover{background-color:#a8b9d8;border-color:#4a6f96}.help-container{margin:0 auto;padding:40px 20px;width:1200px}.back-button{align-items:center;background-color:initial;border:none;color:#4f81bd;cursor:pointer;display:flex;font-size:18px;margin-bottom:20px}.back-button:hover{color:#369}.back-button:focus{outline:none}.back-button:before{content:"←";font-size:20px;margin-right:10px}.help-title{color:#133e87;font-size:2.5rem;font-weight:700;letter-spacing:1px;margin-bottom:40px;text-align:center;text-transform:uppercase}.section-title,.subsection-title{border-bottom:2px solid #608bc1;color:#133e87;display:inline-block;font-size:1.8rem;font-weight:700;margin-bottom:15px;padding-bottom:5px}.help-list{color:#333;font-size:1rem;line-height:1.7;margin-bottom:20px}.help-list p{margin-bottom:10px;text-align:left}.help-list code{background-color:#f4f4f4;border-radius:4px;color:#333;font-size:1rem;padding:2px 4px}.help-list p:hover{color:#133e87;cursor:pointer;transition:color .3s ease}.help-section{background-color:#f9f9f9;border-left:5px solid #133e87;border-radius:8px;box-shadow:0 4px 16px #00000014;margin-bottom:40px;padding:20px}@media (max-width:768px){.help-container{padding:20px}.help-title{font-size:2rem}.section-title{font-size:1.5rem}.subsection-title{font-size:1.4rem}}@media (max-width:480px){.help-container{padding:15px}.help-title{font-size:1.8rem}.section-title{font-size:1.4rem}.subsection-title{font-size:1.3rem}.help-list{font-size:.9rem}}.help-tabs{border-bottom:2px solid #e0e0e0;display:flex;justify-content:center;margin-bottom:30px}.help-tabs button{background-color:initial;border:none;border-bottom:3px solid #0000;color:#4f81bd;cursor:pointer;font-size:1rem;font-weight:600;letter-spacing:1px;margin:0 10px;padding:12px 24px;text-transform:uppercase;transition:all .3s ease}.help-tabs button.active,.help-tabs button:hover{border-bottom-color:#133e87;color:#133e87}.help-tabs button.active{font-weight:700}@media (max-width:480px){.help-tabs{align-items:center;flex-direction:column}.help-tabs button{border:2px solid #0000;margin:10px 0;padding:12px;text-align:center;width:80%}.help-tabs button.active,.help-tabs button:hover{background-color:#f9f9f9;border-color:#133e87}}.team-section{box-shadow:0 4px 16px #00000014;text-align:center}.team-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);padding:20px 0}.team-member-card{background-color:#f9f9f9;border-radius:10px;box-shadow:0 0 10px #0000001a;padding:20px;transition:transform .3s ease}.team-member-card:hover{transform:scale(1.05)}.team-member-image{border-radius:50%;height:200px;margin-bottom:15px;object-fit:cover;width:200px}.team-member-info h3{color:#133e87;margin-bottom:5px;min-height:48px}.team-member-info p{color:#608bc1;margin-bottom:10px;min-height:48px}.linkedin-link{background-color:#133e87;border-radius:5px;color:#fff;display:inline-block;padding:8px 15px;text-decoration:none;transition:background-color .3s ease}.linkedin-link:hover{background-color:#369}@media (max-width:768px){.team-grid{grid-template-columns:repeat(2,1fr)}.team-member-info h3,.team-member-info p{font-size:.9rem;min-height:40px}}@media (max-width:480px){.team-grid{grid-template-columns:1fr}.team-member-info h3,.team-member-info p{font-size:.85rem;min-height:36px}}.settings-container{margin:0 auto;max-width:1200px;padding:20px}.settings-form{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:30px;padding:40px}.form-group{margin-bottom:15px}.form-group label{display:block;font-weight:700;margin-bottom:5px}.form-group input[type=email]{width:96.5%}.form-group input[type=email],.form-group select{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px}.form-group select{width:100%}.languages-container{border:1px solid #ddd;border-radius:4px;margin-top:15px;padding:15px}.language-checkbox{align-items:center;display:flex;margin:8px 0}.language-checkbox input[type=checkbox]{margin-right:8px}.submit-button{background-color:#608bc1;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;margin-top:15px;padding:10px 20px}.submit-button:hover{background-color:#133e87}.error-message{background-color:#ffebee;color:#c62828}.error-message,.success-message{border-radius:4px;margin:10px 0;padding:10px}.success-message{background-color:#e8f5e9;color:#2e7d32}.users-list{margin-top:30px}.users-grid{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.user-header,.user-row{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:2fr 1fr 2fr 1fr;padding:15px}.user-header{background-color:#608bc1;color:#fff;font-weight:700}.user-row{border-bottom:1px solid #ddd}.user-row:last-child{border-bottom:none}.delete-button{background-color:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:5px 10px}.delete-button:hover{background-color:#c82333}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.confirm-dialog{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;max-width:90%;padding:20px;width:400px}.confirm-dialog h3{color:#333;margin-top:0}.dialog-buttons{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.confirm-button{background-color:#dc3545}.cancel-button,.confirm-button{border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 16px}.cancel-button{background-color:#6c757d}.confirm-button:hover{background-color:#c82333}.cancel-button:hover{background-color:#5a6268}.user-management{margin-top:0}.navbar{background-color:#cbdceb;border-right:1px solid #ddd;box-shadow:2px 0 5px #0000001a;height:100vh;left:0;padding-top:20px;position:fixed;top:0;width:200px}.navbar-menu{list-style:none;margin:0;padding:20px 0}.navbar-menu li{width:100%}.navbar-link{color:#133e87;display:block;font-weight:500;padding:20px;text-decoration:none}.navbar-menu button.navbar-link{background:none;border:none;cursor:pointer;font-family:inherit;font-size:inherit;text-align:center;width:100%}.navbar-link:hover{background-color:#f3f3e0}.navbar-link.active{background-color:#133e87;border-right:4px solid #608bc1;color:#f3f3e0;font-weight:700}.navbar-menu button.navbar-link:hover{background-color:#f3f3e0}
/*# sourceMappingURL=main.a8c21ff6.css.map*/