@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.error-message{color:#b91c1c;background-color:#fef2f2;border-left:3px solid #dc2626;border-radius:4px;align-items:center;margin-bottom:1rem;padding:.85rem;font-size:.875rem;animation:.3s ease-out slideDown;display:flex;box-shadow:0 2px 5px #0000000d}.success-message{color:#059669;background-color:#ecfdf5;border-left:3px solid #10b981;border-radius:4px;align-items:center;margin-bottom:1rem;padding:.85rem;font-size:.875rem;animation:.3s ease-out slideDown;display:flex;box-shadow:0 2px 5px #0000000d}.form-group{margin-bottom:20px}.form-group label{color:#374151;margin-bottom:8px;font-size:14px;font-weight:500;display:block}.form-group .required{color:#ef4444}.topic-input,.topic-textarea{background-color:#fafafa;border:1px solid #e5e7eb;border-radius:8px;width:100%;padding:12px 16px;font-size:14px;transition:border-color .2s}.topic-input:focus,.topic-textarea:focus{background-color:#fff;border-color:#0891b2;outline:none;box-shadow:0 0 0 3px #0891b21a}.topic-textarea{resize:vertical;min-height:100px}.input-help-text{color:#6b7280;justify-content:flex-end;margin-top:6px;font-size:12px;display:flex}.char-count-warning{color:#f59e0b;font-weight:500}.cancel-button,.action-button,.create-button,.save-button,.confirm-delete-button,.toggle-privacy-button,.view-style-button,.edit-button:not(.action-icon-button){cursor:pointer;border-radius:8px;justify-content:center;align-items:center;min-width:80px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.cancel-button{color:#374151;background-color:#f3f4f6;border:1px solid #e5e7eb}.cancel-button:hover{background-color:#e5e7eb}.action-button,.create-button,.save-button{color:#fff;border:none;background:linear-gradient(135deg,#66a9e4 0%,#2c8bf7 100%)!important}.action-button:hover,.create-button:hover,.save-button:hover{color:#66a9e4!important;background-color:#66a9e414!important}.action-button:active,.create-button:active,.save-button:active{color:#5a9ade!important;background-color:#5a9ade1f!important}.action-button:disabled,.create-button:disabled,.save-button:disabled{cursor:not-allowed;transform:none;background:#a0a0a0!important}.modal-footer .delete-button{color:#dc2626;cursor:pointer;background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s}.modal-footer .delete-button:hover{background-color:#fef2f2;border-color:#fecaca}.confirm-delete-button{color:#fff;background-color:#dc2626;border:none}.confirm-delete-button:hover{background-color:#b91c1c}.modal-overlay{z-index:2000;box-sizing:border-box;background-color:#000c;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0;overflow:hidden}.modal-content{background:#fff!important;border-radius:16px!important;flex-direction:column!important;width:480px!important;max-width:90vw!important;max-height:90vh!important;padding:0!important;animation:.2s ease-out slideIn!important;display:flex!important;position:relative!important;overflow:hidden!important;box-shadow:0 20px 60px #0000004d!important}.modal-content::-webkit-scrollbar{display:none!important}.modal-content{scrollbar-width:none!important;-ms-overflow-style:none!important}.modal-content::-webkit-scrollbar-track{background:0 0!important;display:none!important}.modal-content::-webkit-scrollbar-thumb{background:0 0!important;display:none!important}.modal-content.small{width:400px!important}.modal-content.medium{width:600px!important}.modal-content.large{width:800px!important}.modal-content.extra-large{width:1000px!important}.add-topic-modal.modal-content{flex-direction:column!important;width:480px!important;max-height:90vh!important;display:flex!important;overflow:hidden!important}.add-topic-modal.modal-content::-webkit-scrollbar{display:none!important}.add-topic-modal.modal-content::-webkit-scrollbar-track{display:none!important}.add-topic-modal .modal-body{flex:1!important;min-height:0!important;overflow-y:auto!important}.media-lightbox-modal .modal-content{width:400px}.batch-archive-modal .modal-content,.archive-confirm-modal .modal-content,.delete-confirm-modal .modal-content,.batch-delete-modal .modal-content,.move-topic-confirm-modal .modal-content{width:450px}.modal-icon{justify-content:center;margin-bottom:16px;display:flex}.modal-description{color:#374151;text-align:center;margin-bottom:12px;font-size:16px;line-height:1.5}.modal-warning{color:#6b7280;text-align:center;margin-bottom:0;font-size:14px;line-height:1.4}.media-lightbox-grid{grid-template-columns:1fr 1fr;gap:16px;width:100%;display:grid}.media-lightbox-item{cursor:pointer;border-radius:8px;width:100%;height:94px;transition:transform .2s;position:relative;overflow:hidden}.media-lightbox-item:hover{transform:scale(1.02);box-shadow:0 4px 12px #00000026}.media-lightbox-item .media-item{width:100%;height:100%}.media-lightbox-item:hover .media-item-text{opacity:1}.modal-header{background-color:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-header h2{color:#1f2937;margin:0;font-size:18px;font-weight:600}.modal-body{padding:1rem .75rem;flex:1!important;min-height:0!important;overflow-y:auto!important}.modal-body::-webkit-scrollbar-track{background:0 0!important;border:none!important}.modal-body::-webkit-scrollbar{background:0 0!important;width:0!important}.modal-footer{border-top:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:12px;padding:20px 24px;display:flex}.modal-footer:not(:has(.modal-footer-left)):not(:has(.modal-footer-right)){justify-content:flex-end}.modal-footer-left{flex:none;align-items:center;display:flex}.modal-footer-right{flex:none;align-items:center;gap:12px;display:flex}.close-modal-button{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:6px;font-size:20px;transition:background-color .2s;display:flex}.close-modal-button:hover{color:#374151;background-color:#f3f4f6}.dropdown-overlay{z-index:999;position:fixed;inset:0}.modal-content .dropdown-overlay{z-index:2001}.dropdown-content{z-index:1000;scrollbar-width:thin;scrollbar-color:#0000004d transparent;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;animation:.15s ease-out slideIn;box-shadow:0 4px 12px #00000026}.dropdown-content::-webkit-scrollbar{width:8px}.dropdown-content::-webkit-scrollbar-track{background:0 0}.dropdown-content::-webkit-scrollbar-thumb{background-color:#0003;background-clip:padding-box;border:2px solid #0000;border-radius:4px}.dropdown-content::-webkit-scrollbar-thumb:hover{background-color:#0006}.modal-content .dropdown-content{z-index:2002}.topic-dropdown-menu{max-height:300px;padding:.5rem 0;overflow-y:auto}.topic-option{cursor:pointer;padding:.5rem 1rem;transition:background-color .15s}.topic-option:hover{background-color:#f3f4f6}.topic-option.active{background-color:#f0f9ff}.topic-group-header{color:#6b7280;text-transform:uppercase;letter-spacing:.05em;background-color:#f9fafb;border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;margin-top:.25rem;padding:.5rem 1rem;font-size:.75rem;font-weight:600}.topic-group-header:first-child{border-top:none;margin-top:0}.no-topic-label{color:#6b7280;font-style:italic}.topic-dropdown-trigger{cursor:pointer;background-color:#fff;border:1px solid #d1d5db;border-radius:4px;align-items:center;gap:.5rem;padding:.375rem .75rem;font-size:.875rem;transition:border-color .15s;display:flex}.topic-dropdown-trigger:hover{border-color:#9ca3af}.select-topic-placeholder{color:#6b7280}.dropdown-arrow{color:#6b7280;margin-left:auto;font-size:.625rem}.dropdown-menu-item{cursor:pointer;color:#374151;border-bottom:1px solid #f3f4f6;align-items:center;padding:.75rem 1rem;font-size:.875rem;transition:background-color .15s;display:flex}.dropdown-menu-item:last-child{border-bottom:none}.dropdown-menu-item:hover{background-color:#f9fafb}.dropdown-menu-item.active{color:#0891b2;background-color:#f0f9ff}.dropdown-divider{background-color:#e5e7eb;height:1px;margin:.5rem 0}.projects-dropdown .dropdown-content{min-width:280px}.topic-lock-icon{flex-shrink:0;margin-right:0}@media (max-width:768px){.modal-overlay{align-items:flex-start;padding:8px 16px}.modal-content{width:100%!important;max-width:100%!important;max-height:calc(100vh - 16px)!important}}