.file-uploader{display:flex;flex-direction:column;width:100%;max-width:100%}.drop-zone{border:2px dashed #dee2e6;border-radius:8px;padding:2rem;text-align:center;background-color:#f8f9fa;transition:all .3s ease;cursor:pointer;margin-bottom:1rem}.drop-zone.dragging{border-color:#6c757d;background-color:#edf2f7;box-shadow:0 0 0 3px rgba(108,117,125,.2)}.drop-zone.has-files{border-color:#28a745;background-color:rgba(40,167,69,.05)}.drop-zone:hover{border-color:#6c757d;background-color:#edf2f7}.upload-content{display:flex;flex-direction:column;align-items:center;justify-content:center}.upload-title{font-size:1.2rem;color:#495057;margin-bottom:.5rem;font-weight:500}.upload-info{color:#6c757d;font-size:.875rem;margin-top:.5rem;max-width:80%;text-align:center}.action-buttons{margin-top:1.5rem}.file-input{display:none}.file-errors-container{margin-top:1rem;width:100%}.error-message{color:#dc3545;padding:.5rem;margin-bottom:.5rem;border-radius:4px;background-color:rgba(220,53,69,.1);display:flex;align-items:center}.file-preview-container{margin:1.5rem 0;width:100%;animation:fadeIn .3s ease-in-out;display:flex;flex-direction:column;align-items:center}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.preview-title{font-size:1rem;color:#495057;margin-bottom:1rem;font-weight:500;padding-bottom:.5rem;border-bottom:1px solid #dee2e6;width:100%;text-align:center}.file-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-gap:1rem;scrollbar-width:thin;scrollbar-color:#dee2e6 #f8f9fa;width:100%;max-width:800px}.file-preview-grid::-webkit-scrollbar{width:8px}.file-preview-grid::-webkit-scrollbar-track{background:#f8f9fa;border-radius:4px}.file-preview-grid::-webkit-scrollbar-thumb{background-color:#dee2e6;border-radius:4px;border:2px solid #f8f9fa}.file-preview-grid::-webkit-scrollbar-thumb:hover{background-color:#ced4da}.file-preview-item{position:relative;overflow:hidden;border-radius:6px;background-color:#f8f9fa;box-shadow:0 1px 3px rgba(0,0,0,.1);transition:transform .2s;height:150px;display:flex;align-items:center;justify-content:center;flex-direction:column;animation:fadeInScale .3s ease-in-out}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.file-preview-item:hover{transform:translateY(-2px);box-shadow:0 4px 6px rgba(0,0,0,.1)}.preview-image{width:100%;height:100%;object-fit:cover}.delete-button{position:absolute;top:5px;right:5px;border:none;background-color:rgba(255,255,255,.8);color:#dc3545;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;padding:0;z-index:2}.delete-button:hover{background-color:#dc3545;color:white}.file-icon-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;padding:1rem}.file-icon{width:48px;height:48px;margin-bottom:.5rem}.file-name{font-size:.8rem;color:#495057;text-align:center;word-break:break-word;max-width:90%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.button-container{display:flex;gap:.3rem}@media (max-width:576px){.drop-zone{padding:1.5rem}.file-preview-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));max-height:250px}.button-container{flex-direction:column}}.card-box{padding:20px;border-radius:3px;margin-bottom:30px;background-color:#fff}.file-man-box{padding-top:20px;border:1px solid #e3eaef;border-radius:5px;position:relative;margin-bottom:20px}.file-man-box .box-body{padding:20px}.file-man-box .file-close{color:#f1556c;position:absolute;line-height:24px;font-size:24px;right:10px;top:10px;visibility:hidden}.file-man-box .file-img-box{line-height:128px;text-align:center}.file-man-box .file-img-box .image-container{height:96px}.file-man-box .file-img-box .file-icon{height:48px;margin-top:20px}.file-man-box .file-download{font-size:28px;color:#98a6ad;position:absolute;right:10px}.file-man-box .file-download:hover{color:#313a46}.file-man-box .file-man-title{padding-right:25px}.file-man-box:hover{box-shadow:0 0 24px 0 rgba(0,0,0,.06),0 1px 0 0 rgba(0,0,0,.02)}.file-man-box:hover .file-close{visibility:visible}.text-overflow{text-overflow:ellipsis;white-space:nowrap;display:block;width:100%;overflow:hidden}.file-man-box h5{font-size:15px}.file-img-preview{background-color:var(--bs-body-bg)}.image-file-card{transition:all .2s ease;border-radius:8px;overflow:hidden;box-shadow:0 2px 5px rgba(0,0,0,.08);cursor:pointer;position:relative}.image-file-card:hover{transform:translateY(-3px);box-shadow:0 5px 15px rgba(0,0,0,.1)}.image-file-card.selected-image{border:2px solid var(--bs-primary);background-color:rgba(var(--bs-primary-rgb),.05)}.image-selected-badge{position:absolute;top:10px;right:10px;z-index:10;font-size:.75rem;padding:.35em .65em;border-radius:50px}.image-thumbnail-container{height:130px;display:flex;align-items:center;justify-content:center;overflow:hidden;background-color:#f8f9fa;padding:8px}.image-thumbnail-container.file-icon-container{background-color:#f1f3f5}.image-thumbnail{max-width:100%;max-height:100%;object-fit:contain;transition:transform .2s ease}.image-file-card:hover .image-thumbnail{transform:scale(1.05)}.file-icon-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.file-type-icon{width:64px;height:64px;object-fit:contain;margin-bottom:8px;transition:transform .2s ease}.image-file-card:hover .file-type-icon{transform:scale(1.1)}.file-extension{font-size:.75rem;color:#6c757d;font-weight:600;background-color:rgba(0,0,0,.05);padding:2px 6px;border-radius:4px;text-transform:uppercase}.file-name{font-size:.85rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:0;line-height:1.3}.file-size{font-size:.75rem;opacity:.75}.action-buttons{display:flex;gap:10px}.btn-action{background:transparent;border:none;font-size:1rem;opacity:.7;transition:all .2s;width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center}.btn-action:hover{opacity:1;transform:scale(1.1)}.secondary-action{opacity:.5;font-size:.9rem}.secondary-action:hover{opacity:.8}@media (min-width:992px){.action-buttons{opacity:0;transition:opacity .2s ease}.image-file-card:hover .action-buttons{opacity:1}}.table-row-selected{background-color:rgba(var(--bs-primary-rgb),.05)!important}.table-row-selected td{border-color:var(--bs-primary)}.details-view-icon-container{width:36px;height:36px;display:flex;align-items:center;justify-content:center;margin:0 auto}.details-view-icon{max-width:100%;max-height:100%;object-fit:contain}.file-extension-details{font-size:.75rem;color:#6c757d;font-weight:600;background-color:rgba(0,0,0,.05);padding:2px 6px;border-radius:4px;text-transform:uppercase;display:inline-block}.details-action-buttons{display:flex;justify-content:flex-end;gap:4px}.table tbody tr{transition:background-color .2s ease}.table tbody tr:hover{background-color:rgba(0,0,0,.03)}@media (max-width:767px){.details-action-buttons{flex-direction:column;gap:2px}.details-action-buttons button{margin-right:0!important;margin-bottom:2px}}.details-action-buttons .btn-outline-secondary{border-width:1px;opacity:.7;font-size:.85rem}.details-action-buttons .btn-outline-secondary:hover{opacity:1;background-color:transparent;color:var(--bs-secondary)}.image-browser-container{display:flex;flex-direction:column;max-height:calc(100vh - 120px)}.image-browser-content{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#dee2e6 #f8f9fa}.image-browser-content::-webkit-scrollbar{width:8px}.image-browser-content::-webkit-scrollbar-track{background:#f8f9fa;border-radius:4px}.image-browser-content::-webkit-scrollbar-thumb{background-color:#dee2e6;border-radius:4px;border:2px solid #f8f9fa}.image-browser-content::-webkit-scrollbar-thumb:hover{background-color:#ced4da}.image-browser-controls{flex-wrap:wrap;align-items:center}.single-line-controls{display:flex;flex-wrap:nowrap}@media (min-width:768px){.single-line-controls{align-items:center}.single-line-controls>[class*=col-]{margin-bottom:0!important}}.image-browser-container .input-group.flex-nowrap{min-width:200px;max-width:100%}.image-browser-container .dropdown{min-width:130px}@media (min-width:992px) and (max-width:1199px){.image-browser-container .dropdown{min-width:120px}.image-browser-controls{margin-left:-5px;margin-right:-5px}.image-browser-controls>[class*=col]{padding-left:5px;padding-right:5px}.single-line-controls .d-flex.align-items-center .gap-1{gap:.25rem!important}}@media (max-width:991px){.image-browser-container .dropdown,.image-browser-container .input-group{width:100%}.image-browser-controls>[class*=col]{margin-bottom:.5rem}.image-browser-controls [class*=col]:last-child .d-flex{width:100%;justify-content:space-between}.single-line-controls{flex-wrap:wrap}}@media (max-width:576px){.image-browser-container{max-height:calc(100vh - 100px)}}