:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.header{display:flex;align-items:center;justify-content:space-between;padding:32px 48px 24px;background:#fff;box-shadow:0 4px 24px #0000000f;max-width:100%}.header__left{display:flex;align-items:center;gap:20px}.header__logo{height:48px;width:48px;object-fit:contain;margin-right:0}.header__title{font-size:1.6rem;font-weight:600;color:#2c3e50;margin-left:0}.header__badge{background:#ffd600;color:#0047ab;border-radius:50%;padding:2px 10px;font-weight:700;font-size:1rem;margin-left:4px}.header__right{display:flex;align-items:center;gap:10px}.header__avatar-icon{font-size:1.5rem;color:#0047ab}.header__btn{background:#ffd600;border:none;color:#fff;font-size:1rem;cursor:pointer;padding:10px 16px;border-radius:6px;transition:background .2s,color .2s;margin-right:24px}.header__btn--active,.header__btn:hover{background:#ff3b3b;color:#fff}.header__icon{background:transparent;border:none;font-size:1.4rem;color:var(--coban);cursor:pointer}.header__account{display:flex;align-items:center;gap:8px;margin-left:24px;background:#ffd60022;border-radius:16px;padding:4px 12px}.header__avatar{font-size:1.3rem}.header__email{font-size:1rem;color:#0047ab}.header_login_btn{border:1px solid var(--coban);background-color:var(--white);color:var(--coban)}.header_login_btn:hover{background-color:var(--coban);color:var(--white)}.header__notification{position:relative;cursor:pointer;padding:8px;border-radius:50%;transition:background-color .2s}.header__notification:hover{background-color:#0047ab1a}.header__notification-badge{position:absolute;top:0;right:0;background:#ff3b3b;color:#fff;border-radius:50%;font-size:.75rem;font-weight:700;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;padding:2px 4px;border:2px solid white}.header__notification-dropdown{position:absolute;top:100%;right:0;background:#fff;border:1px solid #e1e5e9;border-radius:12px;box-shadow:0 8px 32px #00000026;width:320px;max-height:400px;overflow:hidden;z-index:1000;margin-top:8px}.notification-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e1e5e9;background:#f8f9fa}.notification-header h3{margin:0;font-size:1.1rem;color:#0047ab;font-weight:600}.clear-all-btn{background:none;border:none;color:#ff3b3b;cursor:pointer;font-size:.9rem;padding:4px 8px;border-radius:4px;transition:background .2s}.clear-all-btn:hover{background:#ff3b3b1a}.notification-list{max-height:300px;overflow-y:auto}.no-notifications{padding:40px 20px;text-align:center;color:#8e9aaf;font-style:italic}.notification-item{padding:16px 20px;border-bottom:1px solid #f1f3f5;cursor:pointer;transition:background .2s}.notification-item:hover{background:#f8f9fa}.notification-item.unread{background:#0047ab0d;border-left:4px solid #0047AB}.notification-item:last-child{border-bottom:none}.notification-title{font-weight:600;color:#2c3e50;margin-bottom:4px;font-size:.95rem}.notification-message{color:#5a6c7d;font-size:.9rem;line-height:1.4;margin-bottom:8px}.notification-time{color:#8e9aaf;font-size:.8rem}.book-management{display:flex;min-height:100vh;background:#f8f9fa}.book-management__sidebar{width:280px;background:linear-gradient(180deg,#0047ab,#003d96);color:#fff;box-shadow:2px 0 10px #0000001a;display:flex;flex-direction:column;position:fixed;height:100vh;left:0;top:0;z-index:100;overflow-y:auto;overflow-x:hidden}.book-management__sidebar-header{padding:1.5rem 1.25rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.2)}.book-management__sidebar-title{font-size:1.25rem;font-weight:700;margin:0;color:#fff;display:flex;align-items:center;gap:.5rem}.book-management__sidebar-subtitle{font-size:.8rem;color:#ffffffbf;margin:.375rem 0 0;line-height:1.3}.book-management__sidebar-nav{flex:1;padding:1rem 0}.book-management__nav-item{display:block;width:100%;padding:.875rem 1.25rem;background:none;border:none;color:#ffffffe6;text-align:left;cursor:pointer;transition:all .3s ease;font-size:.9rem;font-weight:500;position:relative;overflow:hidden}.book-management__nav-item:hover{background:#ffffff1a;color:#fff;padding-left:1.75rem}.book-management__nav-item.active{background:#ffd60033;color:#ffd600;border-right:4px solid #FFD600;font-weight:600}.book-management__nav-item.active:before{content:"";position:absolute;left:0;top:0;height:100%;width:4px;background:#ffd600}.book-management__nav-icon{margin-right:.625rem;width:14px;text-align:center;font-size:.85rem}.book-management__sidebar-search{padding:1rem;border-top:1px solid rgba(255,255,255,.2);background:#0000001a;margin-top:auto}.book-management__sidebar-search-title{font-size:.8rem;font-weight:500;margin:0 0 .75rem;color:#fffc;text-align:center}.book-management__main-content{flex:1;margin-left:280px;padding:2rem;background:#f8f9fa;min-height:100vh}.book-management__content-header{margin-bottom:2rem}.book-management__content-title{font-size:2rem;font-weight:700;color:#1f2937;margin:0 0 .5rem}.book-management__content-subtitle{color:#6b7280;font-size:1rem;margin:0}.book-management__content{margin-top:2rem}.search-by-id{display:flex;flex-direction:column;gap:.5rem}.search-by-id__input-group{display:flex;gap:.375rem}.search-by-id__input{flex:1;border:1px solid rgba(255,255,255,.3);background:#ffffff1a;padding:.5rem .75rem;font-size:.8rem;border-radius:.25rem;transition:all .2s}.search-by-id__input-delete{flex:1;border:1px solid rgba(255,255,255,.3);background:#ffffff1a;color:#000;padding:.5rem .75rem;font-size:.8rem;border-radius:.25rem;transition:all .2s}.search-by-id__input::placeholder{color:#fff9;font-size:.75rem}.search-by-id__input:focus{outline:none;border-color:#ffd600;background:#ffffff26;box-shadow:0 0 0 1px #ffd6004d}.search-by-id__btn{background:#ffd600;color:#0047ab;border:none;padding:.5rem;border-radius:.25rem;cursor:pointer;font-weight:600;font-size:.75rem;transition:all .2s;min-width:45px}.search-by-id__btn:hover{background:#ffc107;transform:translateY(-1px)}.search-by-id__error{color:#ffb3ba;font-size:.7rem;margin-top:.25rem;text-align:center}.search-by-id__result{margin-top:.75rem;animation:fadeIn .5s ease-in-out}.search-by-id__result-card{background:#ffffff1a;border:1px solid rgba(255,214,0,.3);border-radius:.375rem;padding:.75rem}.search-by-id__result-card .api-book-list__card-flag{top:.375rem;right:.375rem}.search-by-id__result-card .api-book-list__card-header{margin-bottom:.5rem}.search-by-id__result-card .api-book-list__id{font-size:.75rem;padding:.125rem .375rem}.search-by-id__result-card .api-book-list__name{font-size:.9rem;margin:0}.search-by-id__result-card .api-book-list__desc{font-size:.75rem;line-height:1.4;margin:.25rem 0 0}.api-book-list h2{font-size:1.8rem;font-weight:700;color:#1f2937;margin-bottom:1.5rem}.api-book-list__error{color:#ef4444;background-color:#fee2e2;padding:1rem;border-radius:.5rem}.api-book-list__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.api-book-list__card{background-color:var(--coban);color:var(--white);border-radius:.75rem;padding:1.5rem;box-shadow:0 4px 6px #0000000d;transition:transform .2s,box-shadow .2s,background-color .2s;border:1px solid var(--coban)}.api-book-list__card:hover{transform:translateY(-5px);box-shadow:0 10px 15px #0000001a;background-color:#00337a}.api-book-list__card--clickable{cursor:pointer}.api-book-list__card-header{display:flex;align-items:baseline;gap:.75rem;margin-bottom:1rem}.api-book-list__id{font-size:.875rem;font-weight:600;color:var(--coban);background-color:var(--white);padding:.25rem .5rem;border-radius:9999px}.api-book-list__name{font-size:1.25rem;font-weight:700;color:var(--white)}.api-book-list__desc{color:#e0e0e0;line-height:1.6}.api-book-list__card-hint{margin-top:1rem;font-size:.875rem;color:var(--yellow);text-align:right;font-weight:600}.add-book-api-form{max-width:100%;background-color:#fff;padding:2rem;border-radius:1rem;box-shadow:0 4px 20px #0047ab14;position:relative;margin-bottom:2rem}.add-book-api-form h2{font-size:1.8rem;font-weight:700;color:#1f2937;margin-bottom:2rem;text-align:center}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#374151}.form-group input,.form-group textarea{width:100%;padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:1rem;transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.form-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem}.btn{padding:.75rem 1.5rem;border:none;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s}.btn--primary{background-color:#3b82f6;color:#fff}.btn--primary:hover{background-color:#2563eb}.btn--secondary{background-color:#0052cc;color:#fff}.btn--secondary:hover{background-color:#04a}.btn:disabled{opacity:.5;cursor:not-allowed}.add-book-result{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem;border-radius:.5rem;margin-bottom:2rem;animation:fadeIn .5s}.add-book-result--success{background-color:#dcfce7;border:1px solid #86efac;color:#000}.add-book-result--error{background-color:#fee2e2;border:1px solid #fca5a5}.add-book-result__icon{font-size:1.5rem}.add-book-result__content h3{font-size:1.2rem;font-weight:700;margin:0 0 .5rem}.add-book-result__content p{margin:0}.add-book-result__data{margin-top:1rem;padding-top:1rem;border-top:1px solid #e5e7eb;font-size:.9rem}.delete-book-id-group{display:flex;gap:1rem;align-items:center}.btn--danger{background-color:#ef4444;color:#fff}.btn--danger:hover{background-color:#dc2626}.btn-outline-cobalt{border:1px solid var(--coban);background:var(--white);color:var(--coban)}.btn-outline-cobalt:hover{background:var(--coban);color:var(--white)}.btn-outline-yellow{border:1px solid var(--yellow);background:var(--white);color:var(--yellow)}.btn-outline-yellow:hover{background:var(--yellow);color:var(--white)}.btn-outline-red{border:1px solid var(--red);background:var(--white);color:var(--red)}.btn-outline-red:hover{background:var(--red);color:var(--white)}.form-back-button-wrapper{position:absolute;top:1rem;left:1rem;z-index:10}.form-input{color:#000;background-color:#fff}.form-select{color:#000;background-color:#fff;padding:.75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:1rem;width:100%;box-sizing:border-box;cursor:pointer;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-select:focus{outline:none;border-color:var(--coban);box-shadow:0 0 0 2px #0047ab1a}.form-select:disabled{background-color:#f3f4f6;color:#6b7280;cursor:not-allowed}.form-textarea{color:#000;background-color:#fff}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.api-book-list__controls{display:flex;justify-content:space-between;align-items:center;margin:1rem 0;padding:1rem;background-color:#f8f9fa;border-radius:.5rem;flex-wrap:wrap;gap:1rem}.api-book-list__info{font-size:.875rem;color:#6b7280;font-weight:500}.api-book-list__per-page{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#374151}.api-book-list__per-page label{font-weight:500}.api-book-list__select{padding:.375rem .75rem;border:1px solid #d1d5db;border-radius:.375rem;background-color:#fff;font-size:.875rem;color:#374151;cursor:pointer;min-width:80px}.api-book-list__select:focus{outline:none;border-color:var(--coban);box-shadow:0 0 0 2px #0047ab1a}.pagination{display:flex;align-items:center;gap:.25rem}.pagination__btn{padding:.5rem .75rem;border:1px solid #d1d5db;background-color:#fff;color:#374151;border-radius:.375rem;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .15s ease-in-out;min-width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center}.pagination__btn:hover:not(:disabled){background-color:#f3f4f6;border-color:#9ca3af}.pagination__btn:disabled{opacity:.5;cursor:not-allowed}.pagination__btn--active{background-color:var(--coban);border-color:var(--coban);color:#fff}.pagination__btn--active:hover{background-color:var(--coban-light);border-color:var(--coban-light)}.pagination__ellipsis{padding:.5rem .25rem;color:#6b7280;font-size:.875rem}.api-book-list__card-flag{position:absolute;top:.5rem;right:.5rem;z-index:2}.language-flag{display:inline-block;padding:.25rem;background:#fffffff2;border-radius:.375rem;box-shadow:0 1px 3px #0000001a;cursor:help;transition:all .2s ease-in-out;border:1px solid rgba(0,0,0,.1);line-height:0}.language-flag:hover{background:#fff;box-shadow:0 2px 8px #0003;transform:scale(1.1);border-color:#0003}.flag-svg{width:1.25rem;height:.83rem;border-radius:.1rem;border:1px solid rgba(0,0,0,.15);box-shadow:0 1px 2px #0000001a}.flag-text{font-size:.75rem;font-weight:600;color:#374151;padding:.25rem .5rem;background:#f3f4f6;border-radius:.25rem;border:1px solid #d1d5db;min-width:1.5rem;text-align:center;display:inline-block}.api-book-list__card{position:relative}.language-filter{margin:0 0 2rem;padding:1.5rem;background:#f8f9fa;border-radius:.75rem;box-shadow:0 2px 4px #0000000d}.language-filter__title{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;font-weight:600;color:#374151;font-size:1rem}.language-filter__clear{background:#ef4444;color:#fff;border:none;padding:.375rem .75rem;border-radius:.375rem;font-size:.875rem;cursor:pointer;transition:all .2s ease-in-out}.language-filter__clear:hover{background:#dc2626;transform:translateY(-1px)}.language-filter__flags{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap}.language-filter__flag{display:flex;flex-direction:column;align-items:center;gap:.6rem;padding:.8rem;border-radius:.6rem;background:#fff;border:2px solid #e5e7eb;cursor:pointer;transition:all .25s ease-in-out;min-width:100px;box-shadow:0 2px 4px #00000014}.language-filter__flag:hover{border-color:var(--coban);box-shadow:0 4px 12px #0047ab26;transform:translateY(-2px)}.language-filter__flag--active{border-color:var(--coban);background:#f0f7ff;box-shadow:0 4px 12px #0047ab33}.language-filter__flag--active:hover{background:#e0f2fe}.filter-flag{padding:.4rem;background:#fffffff2;border-radius:.4rem;box-shadow:0 1px 3px #0000001f;transition:all .2s ease-in-out;border:1px solid rgba(0,0,0,.08)}.language-filter__flag:hover .filter-flag{background:#fff;box-shadow:0 2px 6px #00000026;transform:scale(1.05)}.language-filter__label{font-size:.875rem;font-weight:500;color:#374151;text-align:center}.language-filter__flag--active .language-filter__label{color:var(--coban);font-weight:600}.filter-flag .flag-svg{width:1.75rem;height:1.17rem;border-radius:.2rem;transition:transform .2s ease-in-out}.filter-flag:hover .flag-svg{transform:scale(1.05)}.filter-flag .flag-text{font-size:.875rem;padding:.5rem .75rem;min-width:2rem}.book-management__mobile-toggle{display:none;position:fixed;top:1rem;left:1rem;z-index:200;background:#0047ab;color:#fff;border:none;border-radius:.5rem;padding:.75rem;cursor:pointer;box-shadow:0 2px 8px #0047ab4d}.book-management__sidebar-overlay{display:none;position:fixed;inset:0;background:#00000080;z-index:99}@media (max-width: 1024px){.book-management__sidebar{width:260px}.book-management__main-content{margin-left:260px}}@media (max-width: 768px){.book-management__mobile-toggle{display:block}.book-management__sidebar{transform:translate(-100%);transition:transform .3s ease}.book-management__sidebar.open{transform:translate(0)}.book-management__sidebar-overlay.open{display:block}.book-management__main-content{margin-left:0;padding:4rem 1rem 1rem}.api-book-list__controls{flex-direction:column;align-items:stretch;text-align:center}.pagination{justify-content:center}.flag-svg{width:1.75rem;height:1.17rem}.flag-text{font-size:.625rem;padding:.2rem .4rem;min-width:1.25rem}.language-filter{margin:1rem 0;padding:1rem}.language-filter__flags{gap:1rem}.language-filter__flag{min-width:100px;padding:.75rem}.filter-flag .flag-svg{width:2rem;height:1.33rem}.language-filter__title{flex-direction:column;gap:.5rem;text-align:center}.add-book-api-form{padding:1.5rem}}.update-steps{display:flex;align-items:center;justify-content:center;margin-bottom:2rem;padding:1.5rem;background:#f8f9fa;border-radius:.75rem}.update-step{display:flex;flex-direction:column;align-items:center;gap:.5rem}.update-step__number{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;background:#e5e7eb;color:#6b7280;transition:all .3s ease}.update-step.active .update-step__number{background:#0047ab;color:#fff;box-shadow:0 0 0 4px #0047ab33}.update-step.completed .update-step__number{background:#10b981;color:#fff}.update-step__label{font-size:.875rem;font-weight:600;color:#6b7280}.update-step.active .update-step__label,.update-step.completed .update-step__label{color:#1f2937}.update-step__line{width:80px;height:2px;background:#e5e7eb;margin:0 1rem}.update-search-section{text-align:center;padding:2rem;background:#fafbfc;border-radius:1rem;border:2px dashed #d1d5db;margin-bottom:2rem}.update-search-section h3{margin:0 0 .5rem;color:#1f2937;font-size:1.5rem}.update-search-subtitle{color:#6b7280;margin:0 0 1.5rem;font-size:1rem}.update-search-input-group{display:flex;gap:.75rem;max-width:400px;margin:0 auto}.update-search-input{flex:1;padding:.875rem 1rem;border:2px solid #d1d5db;border-radius:.5rem;font-size:1rem;transition:border-color .2s;background:#fff;color:#000}.update-search-input:focus{outline:none;border-color:#0047ab;box-shadow:0 0 0 3px #0047ab1a}.update-search-btn{padding:.875rem 1.5rem;background:#0047ab;color:#fff;border:none;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.update-search-btn:hover:not(:disabled){background:#003d96;transform:translateY(-1px)}.update-search-btn:disabled{background:#9ca3af;cursor:not-allowed;transform:none}.update-error{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1rem;padding:.75rem;background:#fef2f2;border:1px solid #fecaca;border-radius:.5rem;color:#dc2626}.update-edit-section{display:grid;gap:2rem}.book-preview{background:#f0f7ff;padding:1.5rem;border-radius:1rem;border:1px solid #bfdbfe}.book-preview h3{margin:0 0 1rem;color:#1e40af;font-size:1.25rem}.book-preview__card{background:#fff;padding:1.25rem;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;margin-bottom:1rem;position:relative}.book-preview__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.book-preview__id{background:#0047ab;color:#fff;padding:.25rem .75rem;border-radius:9999px;font-size:.875rem;font-weight:600}.book-preview__flag{position:relative}.book-preview__name{font-size:1.25rem;font-weight:700;color:#1f2937;margin:0 0 .5rem}.book-preview__desc{color:#6b7280;line-height:1.6;margin:0}.change-book-btn{background:#6b7280;color:#fff;border:none;padding:.5rem 1rem;border-radius:.375rem;font-size:.875rem;cursor:pointer;transition:all .2s}.change-book-btn:hover{background:#4b5563;transform:translateY(-1px)}.update-form-section{background:#fff;padding:1.5rem;border-radius:1rem;box-shadow:0 1px 3px #0000001a}.update-form-section h3{margin:0 0 1.5rem;color:#1f2937;font-size:1.25rem}@media (max-width: 768px){.update-search-input-group{flex-direction:column;max-width:100%}.update-steps{padding:1rem}.update-step__line{width:40px;margin:0 .5rem}}:root{--coban: #0047AB;--coban-light: #1976d2;--red: #e53935;--yellow: #ffc107;--white: #fff;--gray: #f6f8fa;--green: #20a53a;--green-dark:#009900}.dictionary-list__upload-progress{margin:15px 0;padding:15px;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px}.upload-progress-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:.9rem;font-weight:500;color:#495057}.upload-progress-bar{width:100%;height:8px;background-color:#e9ecef;border-radius:4px;overflow:hidden;position:relative}.upload-progress-fill{height:100%;background:linear-gradient(90deg,#0047ab,#1976d2);border-radius:4px;transition:width .3s ease;position:relative}.upload-progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:progress-shine 2s infinite}@keyframes progress-shine{0%{transform:translate(-100%)}to{transform:translate(100%)}}.upload-progress-status{margin-top:8px;text-align:center}.upload-progress-status small{color:#6c757d;font-style:italic;font-size:.8rem}.dictionary-list__add-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.dictionary-list__add-btn[disabled]:hover{background:#6c757d!important;transform:none!important}.display-none{display:none}.dictionary-list{max-width:1200px;margin:0 auto;padding:20px;background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a}.dictionary-list__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #f0f0f0}.dictionary-list__back-btn{background:#0047ab;color:#fff;border:none;border-radius:8px;padding:10px 16px;font-size:.95rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.dictionary-list__back-btn:hover{background:#ffd600;color:#0047ab;transform:translate(-2px)}.dictionary-list__title{font-size:1.8rem;color:#0047ab;margin:0;flex:1;text-align:center}.dictionary-list__refresh-btn{background:#f8f9fa;border:2px solid #e9ecef;border-radius:8px;padding:10px;font-size:1.2rem;cursor:pointer;transition:all .2s}.dictionary-list__refresh-btn:hover:not(:disabled){background:#0047ab;color:#fff;border-color:#0047ab}.dictionary-list__refresh-btn:disabled{opacity:.5;cursor:not-allowed}.dictionary-list__content{min-height:400px}.dictionary-list__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#666}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #0047AB;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dictionary-list__error{text-align:center;padding:40px 20px;color:#dc3545}.dictionary-list__error button{background:#dc3545;color:#fff;border:none;border-radius:6px;padding:8px 16px;margin-top:12px;cursor:pointer;transition:background .2s}.dictionary-list__error button:hover{background:#c82333}.dictionary-list__empty{text-align:center;padding:60px 20px;color:#666}.dictionary-list__empty p{margin:8px 0;font-size:1.1rem}.dictionary-list__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px;margin-bottom:30px}.dictionary-card{background:#fff;border:2px solid #e9ecef;border-radius:12px;padding:20px;transition:all .3s;position:relative;overflow:hidden}.dictionary-card:hover{border-color:#0047ab;box-shadow:0 8px 25px #0047ab26;transform:translateY(-2px)}.dictionary-card__header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.dictionary-card__id{background:#ffd600;color:#0047ab;padding:4px 8px;border-radius:6px;font-size:.8rem;font-weight:700;min-width:40px;text-align:center}.dictionary-card__keyword{margin:0;font-size:1.3rem;color:#0047ab;font-weight:600;flex:1}.dictionary-card__meaning{color:#555;line-height:1.6;margin-bottom:12px;font-size:.95rem}.dictionary-card__suggestion{color:#0047ab;line-height:1.5;margin-bottom:16px;font-size:.9rem;padding:10px 14px;background:linear-gradient(135deg,#f0f7ff,#e8f2ff);border-radius:8px;border-left:4px solid #0047AB;box-shadow:0 2px 4px #0047ab1a;font-weight:500}.dictionary-card__suggestion strong{color:#003087;font-size:.95rem}.dictionary-card__actions{display:flex;gap:8px}.dictionary-card__btn{flex:1;padding:8px 12px;border:none;border-radius:6px;font-size:.9rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:4px}.dictionary-card__btn--edit{background:var(--coban);color:#fff}.dictionary-card__btn--edit:hover{background:var(--coban-light);transform:scale(1.02)}.dictionary-card__btn--delete{background:#dc3545;color:#fff}.dictionary-card__btn--delete:hover{background:#c82333;transform:scale(1.02)}.dictionary-list__footer{text-align:center;padding-top:20px;border-top:2px solid #f0f0f0}.dictionary-card__input,.dictionary-card__textarea{width:95%;padding:10px 12px;font-size:1rem;margin-bottom:10px;border:1px solid #d0d0d0;border-radius:8px;background-color:#f9f9f9;transition:border-color .2s,box-shadow .2s;font-family:inherit;color:#333}.dictionary-card__input:focus,.dictionary-card__textarea:focus{outline:none;border-color:#0047ab;box-shadow:0 0 0 2px #0047ab1a;background-color:#fff}.dictionary-card__textarea{height:120px;resize:vertical;line-height:1.5}.dictionary-list__footer{display:flex;flex-direction:column;gap:12px;margin-top:24px;padding:16px;background-color:#f5f8ff;border-radius:8px;box-shadow:0 2px 8px #0000000d}.dictionary-list__footer h3{font-size:18px;color:#444;margin-bottom:8px}.dictionary-list__input,.dictionary-list__textarea{padding:10px 12px;font-size:14px;border:1px solid #ccc;border-radius:6px;width:100%;background-color:#fff;color:#333;resize:vertical}.dictionary-list__textarea{min-height:80px}.dictionary-list__add-btn{padding:10px 20px;border:none;border-radius:5px;background-color:var(--coban);color:#fff;font-size:16px;cursor:pointer;transition:background-color .3s;margin-right:10px}.dictionary-list__add-btn:hover{background-color:var(--coban-light)}.dictionary-list__add-btn:disabled{background-color:#888;cursor:not-allowed}.dictionary-list__controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:15px}.controls__items-per-page{display:flex;align-items:center;gap:8px;font-size:.95rem;color:#333}.controls__items-per-page select{padding:6px 10px;border:1px solid #ccc;border-radius:6px;background-color:#fff;cursor:pointer;color:#000}.pagination{display:flex;align-items:center;gap:5px}.pagination__btn{border:1px solid #ccc;background-color:#fff;color:#0047ab;padding:8px 12px;border-radius:6px;cursor:pointer;transition:all .2s;font-weight:500}.pagination__btn:hover:not(:disabled){background-color:#0047ab;color:#fff;border-color:#0047ab}.pagination__btn:disabled{color:#aaa;cursor:not-allowed;background-color:#f5f5f5}.pagination__btn--active{background-color:#0047ab;color:#fff;border-color:#0047ab;font-weight:700}.pagination__ellipsis{padding:8px;color:#666}@media (max-width: 768px){.dictionary-list{padding:15px;margin:10px}.dictionary-list__header{flex-direction:column;gap:15px;text-align:center}.dictionary-list__title{font-size:1.5rem;order:-1}.dictionary-list__grid{grid-template-columns:1fr;gap:15px}.dictionary-card{padding:15px}.dictionary-card__header{flex-direction:column;align-items:flex-start;gap:8px}.dictionary-card__actions{flex-direction:column}.dictionary-list__controls{flex-direction:column;align-items:center}}@media (max-width: 480px){.dictionary-list{padding:10px;margin:5px}.dictionary-list__title{font-size:1.3rem}.dictionary-card__keyword{font-size:1.1rem}}.dictionary-list__footer-actions{display:flex;justify-content:flex-start;align-items:center;margin-top:15px}.dictionary-list__success-message{color:green;margin-top:10px}.dictionary-list__error-message{color:red;margin-top:10px}.dictionary-list__upload-btn:hover{background:#218838;transform:translateY(-1px);box-shadow:0 4px 12px #28a7454d}.popup-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000}.popup-content{background:#fff;padding:2rem;border-radius:8px;width:80%;max-width:900px;height:85vh;display:flex;flex-direction:column;box-shadow:0 5px 15px #0000004d}.popup-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eee;padding-bottom:1rem;margin-bottom:1rem;color:#000}.popup-header h2{margin:0;font-size:1.5rem}.popup-close-btn{background:none;border:none;font-size:2rem;cursor:pointer;padding:0;line-height:1}.popup-table-container{flex-grow:1;overflow-y:auto;border:1px solid #ccc;border-radius:4px}table{width:100%;border-collapse:collapse}th,td{padding:12px 15px;text-align:left;border-bottom:1px solid #ddd;color:#000}thead th{background-color:#f2f2f2;position:sticky;top:0;z-index:1;color:#000}.popup-input,.popup-textarea{width:100%;padding:8px;border:1px solid #ccc;border-radius:4px;font-size:1rem;background-color:#fff;color:#000}.popup-textarea{min-height:60px;resize:vertical}.popup-delete-btn{background:#f44336;color:#fff;border:none;padding:8px 12px;border-radius:4px;cursor:pointer}.popup-delete-btn:hover{background:#d32f2f}.popup-footer{display:flex;justify-content:flex-end;gap:1rem;padding-top:1.5rem;margin-top:1rem;border-top:1px solid #eee}.popup-btn{padding:10px 20px;border:none;border-radius:5px;cursor:pointer;font-size:1rem;font-weight:700}.popup-btn--cancel{background-color:#d32f2f}.popup-btn--save{background-color:#4caf50;color:#fff}.popup-btn:disabled{background-color:#ccc;cursor:not-allowed}.upload-progress-section{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:1rem;margin-bottom:1rem}.progress-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.9rem;color:#6c757d}.progress-bar{width:100%;height:20px;background-color:#e9ecef;border-radius:10px;overflow:hidden;position:relative}.progress-fill{height:100%;background:linear-gradient(90deg,#4caf50,#45a049);transition:width .3s ease;border-radius:10px;position:relative}.progress-fill:after{content:"";position:absolute;inset:0;background-image:linear-gradient(45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.2) 75%,transparent 75%,transparent);background-size:20px 20px;animation:progress-animation 1s linear infinite}@keyframes progress-animation{0%{background-position:0 0}to{background-position:20px 20px}}.progress-details{margin-top:.5rem}.progress-complete{text-align:center;color:#28a745;font-weight:700;font-size:1rem}.progress-cancelled{text-align:center;color:#dc3545;font-weight:700;font-size:1rem}.progress-status{display:flex;align-items:center;justify-content:center;gap:.5rem;color:#6c757d;font-size:.9rem}.cancel-upload-btn{background-color:#dc3545;color:#fff;border:none;padding:.25rem .75rem;border-radius:4px;font-size:.8rem;cursor:pointer;margin-left:1rem;transition:background-color .2s}.cancel-upload-btn:hover{background-color:#c82333}.cancel-upload-btn:disabled{background-color:#6c757d;cursor:not-allowed}.loading-indicator{font-size:1.2rem;animation:pulse 1.5s ease-in-out infinite alternate}@keyframes pulse{0%{opacity:.6}to{opacity:1}}.word-type{display:inline-block;padding:4px 8px;border-radius:4px;font-size:.8rem;font-weight:700;margin-bottom:4px}.word-type.main{background-color:#e3f2fd;color:#1976d2;border:1px solid #bbdefb}.word-type.example{background-color:#f3e5f5;color:#7b1fa2;border:1px solid #e1bee7}.main-keyword-ref{font-size:.7rem;color:#666;font-style:italic;margin-top:2px}.main-row{background-color:#2196f30d}.example-row{background-color:#9c27b00d}.footer{width:100%;text-align:center;padding:18px 0 8px;background:#0047ab;color:#fff;font-size:1rem;margin-top:32px;border-top:4px solid #FFD600}.footer div{margin:2px 0}.chat-widget-btn{position:fixed;right:32px;bottom:32px;width:56px;height:56px;border-radius:50%;background:#fff;border:3px solid #0047AB;box-shadow:0 4px 16px #0047ab1f;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2000;transition:border .2s,background .2s;padding:0}.chat-widget-btn:hover{border:3px solid #FFD600;background:#ffd60022}.chat-modal-overlay{position:fixed;inset:0;background:#0000002e;z-index:2100;display:flex;align-items:flex-end;justify-content:flex-end}.chat-modal{width:380px;height:500px;background:#fff;border-radius:18px;box-shadow:0 8px 32px #0047ab2e;margin:0 32px 100px 0;display:flex;flex-direction:column;overflow:hidden}.chat-modal__header{background:#0047ab;color:#fff;font-weight:600;font-size:1.1rem;padding:14px 18px;border-bottom:1px solid #FFD600;display:flex;justify-content:space-between;align-items:center}.chat-header-content{display:flex;align-items:center;gap:12px;flex:1}.chat-language-flags{display:flex;gap:6px;align-items:center}.chat-flag-container{padding:3px;border-radius:4px;cursor:pointer;transition:all .2s ease-in-out;background:#ffffff1a;border:1px solid rgba(255,255,255,.2)}.chat-flag-container:hover{background:#fff3;transform:scale(1.05)}.chat-flag-container.active{background:#ffd600;border-color:#ffd600;box-shadow:0 0 8px #ffd60080}.chat-flag{width:20px;height:13px;border-radius:2px;border:1px solid rgba(0,0,0,.1);display:block}.chat-header-actions{display:flex;align-items:center;gap:8px}.chat-clear-button{background:none;border:none;color:#fff;font-size:1.2rem;cursor:pointer;padding:2px 6px;border-radius:4px;transition:all .2s;display:flex;align-items:center;justify-content:center}.chat-clear-button:hover{background:#fff3;transform:scale(1.1)}.chat-modal__close{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s}.chat-modal__close:hover{background:#fff3}.chat-modal__body{padding:18px;background:#f6f8fa;flex:1;overflow-y:auto;display:flex;flex-direction:column}.chat-messages{display:flex;flex-direction:column;gap:12px;flex:1}.chat-message{max-width:80%;padding:10px 14px;border-radius:16px;position:relative;word-wrap:break-word}.chat-message.user{align-self:flex-end;background:#0047ab;color:#fff;border-bottom-right-radius:4px}.chat-message.bot{align-self:flex-start;background:#fff;color:#333;border:1px solid #e1e5e9;border-bottom-left-radius:4px}.chat-message__content{margin-bottom:4px;line-height:1.4;white-space:pre-line}.chat-message__content strong{font-weight:700}.chat-message.bot .chat-message__content{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.chat-message.bot .chat-message__content .related-words{color:#0047ab;background:#0047ab0d;padding:8px;border-radius:8px;margin-top:8px;border-left:3px solid #FFD600}.related-words-container{background:#0047ab0d;border-radius:8px;margin-top:12px;border-left:3px solid #FFD600;overflow:hidden}.related-words-header{padding:8px 12px;background:#0047ab1a;color:#0047ab;font-weight:600;border-bottom:1px solid rgba(0,71,171,.1)}.related-words-list{max-height:100px;overflow-y:auto;padding:8px;display:flex;flex-wrap:wrap;gap:6px}.related-word-item{background:#0047ab;color:#fff;padding:4px 8px;border-radius:12px;font-size:.85rem;white-space:nowrap;transition:all .2s;cursor:pointer;display:inline-block}.related-word-item:hover{background:#ffd600;color:#0047ab;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.related-words-list::-webkit-scrollbar{width:6px}.related-words-list::-webkit-scrollbar-track{background:#0000001a;border-radius:3px}.related-words-list::-webkit-scrollbar-thumb{background:#0047ab;border-radius:3px}.related-words-list::-webkit-scrollbar-thumb:hover{background:#ffd600}.chat-message.confirmation-request{background:#ffd6001a;border:2px solid #FFD600;border-left:4px solid #FF6B35}.chat-message.confirmation-request .chat-message__content{font-weight:500}.chat-message__timestamp{font-size:.75rem;opacity:.7;text-align:right}.chat-message.user .chat-message__timestamp{text-align:right}.chat-message.bot .chat-message__timestamp{text-align:left}.typing-indicator{display:flex;gap:4px;padding:8px 0}.typing-indicator span{width:8px;height:8px;border-radius:50%;background:#ccc;animation:typing 1.4s infinite ease-in-out}.typing-indicator span:nth-child(1){animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}@keyframes typing{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1);opacity:1}}.chat-modal__footer{padding:12px 16px;background:#fff;border-top:1px solid #eee}.chat-input-container{display:flex;align-items:flex-end;gap:8px}.chat-input{flex:1;border:2px solid #e1e5e9;border-radius:20px;padding:10px 16px;font-size:.95rem;outline:none;resize:none;min-height:20px;max-height:100px;font-family:inherit;transition:border-color .2s}.chat-input:focus{border-color:#0047ab}.chat-input:disabled{background:#f5f5f5;cursor:not-allowed}.chat-send{background:#0047ab;color:#fff;border:none;border-radius:50%;width:40px;height:40px;font-size:1.2rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;flex-shrink:0}.chat-send:hover:not(:disabled){background:#ffd600;color:#0047ab;transform:scale(1.05)}.chat-send:disabled{background:#ccc;cursor:not-allowed;transform:none}.chat-expand-button{background:none;border:none;color:#fff;font-size:1rem;cursor:pointer;padding:2px 6px;border-radius:4px;transition:all .2s;display:flex;align-items:center;justify-content:center;line-height:1}.chat-expand-button:hover{background:#fff3;transform:scale(1.1)}.chat-modal-overlay.expanded{align-items:center;justify-content:center}.chat-modal.expanded{width:80vw;height:80vh;margin:0;border-radius:18px}@media (max-width: 480px){.chat-modal{width:100%;height:100vh;margin:0;border-radius:0}.chat-modal-overlay{align-items:stretch;justify-content:flex-start}.chat-modal__body{padding:12px}.chat-modal__footer{padding:8px 12px}.chat-expand-button{display:none}}body,html,#root,.app-container{min-height:100vh;margin:0;padding:0;background:#f6f8fa;font-family:Segoe UI,Roboto,Arial,sans-serif}.app-container{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;display:flex;flex-direction:column;align-items:stretch;max-width:1200px;margin:0 auto;width:100%;position:relative}#root{margin:0 auto;text-align:center;width:100%}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}