@emailmaker/filemanager 0.0.3 → 0.0.5

package/file-manager.css

@@ -1 +1,1906 @@
-.em-filemanager .contentLayout{display:flex;flex-direction:column;height:100%;padding:36px 16px}.em-filemanager .headerContainer{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.em-filemanager .actionsContainer{display:flex;gap:8px}.em-filemanager .filesContainer{display:flex;flex:1;flex-direction:column;overflow:hidden}.em-filemanager .searchContainer{align-items:center;display:flex;gap:16px;width:300px}.em-filemanager .breadcrumbContainer{margin-bottom:16px}.em-filemanager .paginationContainer{display:flex;justify-content:center;margin-top:16px}.em-filemanager .paginationContainerEnd{display:flex;justify-content:flex-end;margin-top:16px}.em-filemanager .uploadZone{align-items:center;animation:uploadZoneFadeIn .3s ease-out;backdrop-filter:blur(4px);background-color:#fffffff2;border:3px solid var(--fm-primary);border-radius:var(--fm-radius-none);bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;position:fixed;right:0;top:0;transition:all var(--fm-transition-normal);z-index:1000}.em-filemanager .uploadZone.active{background-color:#e6f7fff2;border-color:var(--fm-primary);box-shadow:0 0 20px #1890ff4d}.em-filemanager .uploadIcon{animation:uploadIconPulse 2s infinite;color:var(--fm-primary);font-size:64px;margin-bottom:var(--fm-spacing-lg)}.em-filemanager .uploadText{color:var(--fm-primary);font-size:18px;font-weight:500;margin-top:var(--fm-spacing-sm);text-align:center}.em-filemanager .uploadSubtext{color:var(--fm-text-secondary);font-size:14px;margin-top:var(--fm-spacing-xs);text-align:center}@keyframes uploadZoneFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes uploadIconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.em-filemanager .tableContainer{flex:1;overflow:auto}.em-filemanager .imagePreview{display:block;max-width:100%;transition:transform .3s ease}.em-filemanager .imagePreview:hover{transform:scale(1.05)}.em-filemanager .fileManagerTableFolder{align-items:center;display:flex;height:100px;justify-content:center;width:100px}.em-filemanager .fileManagerTableFolderInner{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.em-filemanager .breadcrumbLink{cursor:pointer}.em-filemanager .sortSelect{width:140px}.em-filemanager .fileName{font-weight:500}.em-filemanager .fileNameClickable{cursor:pointer;font-weight:500}.em-filemanager .fileItemCount{color:var(--fm-text-tertiary);font-size:12px;margin-top:2px}.em-filemanager .fileDate,.em-filemanager .fileSize{color:var(--fm-text-tertiary)}.em-filemanager .tableImagePreview{border-radius:4px;object-fit:contain}.em-filemanager .tableFolderIcon{color:var(--fm-blue-light);font-size:28px}.em-filemanager .gridRow{margin-top:16px}.em-filemanager .gridCard,.em-filemanager .gridCardSelected{border-radius:8px;height:100%;overflow:hidden;width:200px}.em-filemanager .gridCardContent{padding:0;position:relative}.em-filemanager .gridCheckbox{left:8px;position:absolute;top:8px;z-index:1}.em-filemanager .gridPreviewContainer{background:var(--fm-bg-quaternary);display:flex}.em-filemanager .gridPreviewContainer,.em-filemanager .gridPreviewContainerFolder{align-items:center;border-radius:var(--fm-radius-md);justify-content:center;margin-bottom:var(--fm-spacing-sm);width:100%}.em-filemanager .gridPreviewContainerFolder{aspect-ratio:1/1;display:flex!important}.em-filemanager :is(.em-filemanager .gridPreviewContainerFolder):hover{background:var(--fm-bg-secondary)}.em-filemanager .gridFolderIcon{align-items:center;border-radius:8px;display:flex;justify-content:center}.em-filemanager .gridFolderIconImage{color:#4299e1;font-size:32px}.em-filemanager .gridImagePreview{aspect-ratio:1/1;max-width:100%;object-fit:cover}.em-filemanager .gridFileName{font-weight:500;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.em-filemanager .gridFileInfo{color:#6b7280;font-size:12px}.em-filemanager .uploadZoneFixed{align-items:center;background:#ffffffe6;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.em-filemanager .classsssssss{background:red;color:#4361ee}.em-filemanager .sortContainer{align-items:center;display:flex;gap:8px}.em-filemanager .sortLabel{color:#6b7280;font-size:14px}.em-filemanager .actionsBox{align-items:center;display:flex;gap:12px}.em-filemanager .button{align-items:center;background-color:var(--fm-bg-secondary);border:none;border-radius:var(--fm-radius-lg);color:var(--fm-text-secondary);cursor:pointer;display:flex;font-size:14px;gap:var(--fm-spacing-sm);justify-content:center;padding:var(--fm-spacing-xs) var(--fm-spacing-md);transition:all var(--fm-transition-fast)}.em-filemanager .button:hover{background-color:var(--fm-bg-tertiary);color:var(--fm-primary)}.em-filemanager .foldersTitle{align-items:center;cursor:pointer;display:flex;flex:1}.em-filemanager .folderActions{align-items:center;display:flex;gap:4px;position:absolute;right:0;top:8px;z-index:10}.em-filemanager .customExpandIcon{align-items:center;color:#666;cursor:pointer;display:inline-flex;font-size:10px;height:16px;justify-content:center;margin-right:8px;transition:transform .2s ease;width:16px}.em-filemanager .customExpandIcon:hover{color:#1890ff}.em-filemanager .fileCount{align-items:center;color:#666;cursor:default;display:inline-flex;flex-shrink:0;font-size:11px;font-weight:500;height:16px;justify-content:center;margin-left:8px;min-width:20px;padding:0 6px;transition:all .2s ease;white-space:nowrap}.em-filemanager .fileCount:hover{border-color:#1890ff;color:#1890ff}.em-filemanager .uploadButton{display:grid;grid-template-columns:3fr 1fr}.em-filemanager .folderMenu{padding-left:0;padding-right:0}.em-filemanager .folderIcon{color:#1890ff;flex-shrink:0;font-size:14px;margin-right:8px}.em-filemanager .folderLabelItem{color:#595959;flex:1;font-size:14px;font-weight:400;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.em-filemanager .foldersTitleItem{align-items:center;cursor:pointer;display:flex;flex:1;min-width:0;overflow:hidden}.em-filemanager .foldersTitleItem .folderLabelItem{color:#262626;font-weight:500}.em-filemanager .folderLabel{align-items:center;display:flex;flex:1;min-width:0;overflow:hidden}.em-filemanager .foldersContainer{position:relative;width:100%}.em-filemanager .divider{margin:12px 0!important}.em-filemanager .uploadButton{margin-bottom:8px;width:100%}.em-filemanager .container{left:20px;max-width:400px;min-width:320px;position:fixed;top:20px;z-index:1000}.em-filemanager .uploadCard{border:1px solid #d9d9d9;border-radius:8px;box-shadow:0 4px 12px #00000026}.em-filemanager .header{align-items:center;display:flex;justify-content:space-between;width:100%}.em-filemanager .headerButton{align-items:center;display:flex;height:24px;justify-content:center;padding:0;width:24px}.em-filemanager .headerButton:hover{background-color:#0000000a}.em-filemanager .fileList{max-height:300px;overflow-y:auto}.em-filemanager .fileItem{border-bottom:1px solid #f0f0f0;padding:8px 0!important}.em-filemanager .fileItem:last-child{border-bottom:none}.em-filemanager .fileAvatar{background-color:initial!important}.em-filemanager .fileInfo{display:flex;flex-direction:column;gap:2px}.em-filemanager .fileName{font-size:13px;line-height:1.2;max-width:200px}.em-filemanager .fileSize{font-size:11px;line-height:1}.em-filemanager .progressBar{margin-top:4px}.em-filemanager .errorNote{background-color:#fff2f0;border:1px solid #ffccc7;border-radius:4px;margin-top:8px;padding:8px}.em-filemanager .minimizedContainer{left:20px;position:fixed;top:20px;z-index:1000}.em-filemanager .minimizedButton{box-shadow:0 2px 8px #0000001a;font-size:12px;height:28px;padding:0 12px}.em-filemanager .fileList::-webkit-scrollbar{width:6px}.em-filemanager .fileList::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.em-filemanager .fileList::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.em-filemanager .fileList::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.em-filemanager .container,.em-filemanager .minimizedContainer{animation:slideInFromLeft .3s ease-out}@keyframes slideInFromLeft{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}@media (max-width:768px){.em-filemanager .container{left:10px;max-width:calc(100vw - 20px);min-width:auto;right:10px}.em-filemanager .minimizedContainer{left:10px}}.em-filemanager .gifTab{height:100%;padding:16px}.em-filemanager .gifTab .ant-divider-horizontal{margin:0}.em-filemanager .gifTab img{border-radius:0;max-height:none;max-width:none}.em-filemanager .gifTab .gifSearchInput{margin-bottom:16px;padding:0 2px}.em-filemanager .gifTab .scrollableDiv{box-sizing:unset;height:calc(84vh - 148px);line-height:0;overflow:auto;padding-left:0;padding-right:0;padding-top:16px;width:100%}.em-filemanager .gifTab .myMasonryGrid{display:flex;text-align:center;width:auto}.em-filemanager .gifTab .myMasonryGridColumn{background-clip:padding-box}.em-filemanager .gifTab .listItem{background:#f0f2f5;border:1px solid #f0f2f5;border-radius:6px;cursor:pointer;display:inline-block;margin-bottom:20px;max-height:100px;min-height:100px;overflow:hidden;position:relative;transition:all .3s ease}.em-filemanager .gifTab .listItem .overlayImage{background-size:cover;bottom:10px;height:40px;opacity:0;position:absolute;right:10px;transition:opacity .5s ease;width:110px}.em-filemanager .gifTab .listItem .ant-spin{color:#f0f2f5;font-size:20px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.em-filemanager .gifTab .listItem img{border-radius:6px;display:block;height:auto;object-fit:cover;opacity:0;transition:opacity .5s ease-in-out}.em-filemanager .gifTab .listItem.loaded{border:1px solid #d9d9d9;max-height:1000px}.em-filemanager .gifTab .listItem.loaded img{height:100%;opacity:1}.em-filemanager .gifTab .listItem.loaded .loadedImage{opacity:.5}.em-filemanager .gifTab .listItem:hover{box-shadow:0 1px 2px -2px #00000029,0 3px 6px 0 #0000001f,0 5px 12px 4px #00000017}.em-filemanager .gifTab .listItem:hover .overlayImage,.em-filemanager .gifTab .listItem:hover p.creatorInfo{opacity:1}.em-filemanager .gifTab .listItem p.creatorInfo{background-color:#00000080;border-radius:0 0 6px 0;bottom:0;color:#fff;font-size:10px;line-height:1.2;margin:0;opacity:0;padding:5px;position:absolute;right:0}.em-filemanager .gifTab .listItem p.creatorInfo:hover a{color:#fff;text-decoration:underline}.em-filemanager .gifTab .listItem p.creatorInfo a{color:#fff;text-decoration:none}.em-filemanager .gifTab .ant-divider-horizontal.ant-divider-with-text:after,.em-filemanager .gifTab .ant-divider-horizontal.ant-divider-with-text:before{transform:none}.em-filemanager .gifColorFilter{display:flex}.em-filemanager .gifColorFilter label{border-radius:6px!important;border-width:1px;font-size:0;height:24px;margin:4px;padding:0;width:24px}.em-filemanager .gifColorFilter label.allColors{background-image:linear-gradient(135deg,red,#ff7f00,#ff0,#0f0,#00f,#8b00ff)}.em-filemanager .gifColorFilter label.blackColor{background:#222}.em-filemanager .gifColorFilter label.bwColor{background-image:linear-gradient(135deg,#222 50%,#fff 0)}.em-filemanager .gifColorFilter label.whiteColor{background:#fff}.em-filemanager .gifColorFilter label.orangeColor{background:#fa8c16}.em-filemanager .gifColorFilter label.redColor{background:#f5222d}.em-filemanager .gifColorFilter label.purpleColor{background:#722ed1}.em-filemanager .gifColorFilter label.magentaColor{background:#eb2f96}.em-filemanager .gifColorFilter label.greenColor{background:#52c41a}.em-filemanager .gifColorFilter label.tealColor{background:#43c3c3}.em-filemanager .gifColorFilter label.blueColor{background:#1677ff}.em-filemanager .dark .gifTab .listItem{background:#2b2b2b;border:1px solid #2b2b2b}.em-filemanager .stockTab{height:100%;padding:16px}.em-filemanager .stockTab .ant-divider-horizontal{margin:0}.em-filemanager .stockTab img{border-radius:0;max-height:none;max-width:none}.em-filemanager .stockTab .stockSearchInput{padding:0 2px}.em-filemanager .stockTab .searchResults .stockSearchInput{width:100%}.em-filemanager .stockTab .blocksSearchDividerWrapper{margin:0}.em-filemanager .stockTab .scrollableDiv{box-sizing:unset;height:calc(84vh - 148px);line-height:0;overflow:auto;padding-left:0;padding-right:0;padding-top:0;width:100%}.em-filemanager .stockTab .myMasonryGrid{display:flex;text-align:center;width:auto}.em-filemanager .stockTab .myMasonryGridColumn{background-clip:padding-box}.em-filemanager .stockTab .listItem{background:#f0f2f5;border:1px solid #f0f2f5;border-radius:6px;cursor:pointer;display:inline-block;margin-bottom:20px;max-height:100px;min-height:100px;overflow:hidden;position:relative;transition:all .3s ease}.em-filemanager .stockTab .listItem .ant-spin{color:#f0f2f5;font-size:20px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.em-filemanager .stockTab .listItem img{border-radius:6px;display:block;height:auto;object-fit:cover;opacity:0;transition:opacity .5s ease-in-out}.em-filemanager .stockTab .listItem.loaded{border:1px solid #d9d9d9;max-height:1000px}.em-filemanager .stockTab .listItem.loaded img{height:100%;opacity:1}.em-filemanager .stockTab .listItem.loaded .loadedImage{opacity:.5}.em-filemanager .stockTab .listItem:hover{box-shadow:0 1px 2px -2px #00000029,0 3px 6px 0 #0000001f,0 5px 12px 4px #00000017}.em-filemanager .stockTab .listItem:hover p.creatorInfo{opacity:1}.em-filemanager .stockTab .listItem p.creatorInfo{background-color:#00000080;border-radius:0 0 6px 0;bottom:0;color:#fff;font-size:10px;line-height:1.2;margin:0;opacity:0;padding:5px;position:absolute;right:0}.em-filemanager .stockTab .listItem p.creatorInfo:hover a{color:#fff;text-decoration:underline}.em-filemanager .stockTab .listItem p.creatorInfo a{color:#fff;text-decoration:none}.em-filemanager .stockTab .stockColorFilter{display:flex}.em-filemanager .stockTab .stockColorFilter [class^=ant-radio],.em-filemanager .stockTab .stockColorFilter label{border-radius:6px!important;border-width:1px;font-size:0;height:24px;margin:4px;padding:0;width:24px}.em-filemanager .stockTab .stockColorFilter [class^=ant-radio].allColors,.em-filemanager .stockTab .stockColorFilter label.allColors{background-image:linear-gradient(135deg,red,#ff7f00,#ff0,#0f0,#00f,#8b00ff)}.em-filemanager .stockTab .stockColorFilter [class^=ant-radio].blackColor,.em-filemanager .stockTab .stockColorFilter label.blackColor{background:#222}.em-filemanager .stockTab .stockColorFilter [class^=ant-radio].bwColor,.em-filemanager .stockTab .stockColorFilter label.bwColor{background-image:linear-gradient(135deg,#222 50%,#fff 0)}.em-filemanager .stockTab .stockColorFilter [class^=ant-radio].whiteColor,.em-filemanager .stockTab .stockColorFilter label.whiteColor{background:#fff}.em-filemanager .stockTab .stockColorFilter [class^=ant-radio].orangeColor,.em-filemanager .stockTab .stockColorFilter label.orangeColor{background:#fa8c16}.em-filemanager .stockTab .stockColorFilter [class^=ant-radio].redColor,.em-filemanager .stockTab .stockColorFilter label.redColor{background:#f5222d}.em-filemanager .stockTab .stockColorFilter [class^=ant-radio].purpleColor,.em-filemanager .stockTab .stockColorFilter label.purpleColor{background:#722ed1}.em-filemanager .stockTab .stockColorFilter [class^=ant-radio].magentaColor,.em-filemanager .stockTab .stockColorFilter label.magentaColor{background:#eb2f96}.em-filemanager .stockTab .stockColorFilter [class^=ant-radio].greenColor,.em-filemanager .stockTab .stockColorFilter label.greenColor{background:#52c41a}.em-filemanager .stockTab .stockColorFilter [class^=ant-radio].tealColor,.em-filemanager .stockTab .stockColorFilter label.tealColor{background:#43c3c3}.em-filemanager .stockTab .stockColorFilter [class^=ant-radio].blueColor,.em-filemanager .stockTab .stockColorFilter label.blueColor{background:#1677ff}.em-filemanager .stockTab .ant-divider-horizontal.ant-divider-with-text:after,.em-filemanager .stockTab .ant-divider-horizontal.ant-divider-with-text:before{transform:none}.em-filemanager .dark .stockTab .listItem{background:#2b2b2b;border:1px solid #2b2b2b}.em-filemanager .slideshowContainer{height:350px;margin:auto;overflow:hidden;position:relative;width:524px}.em-filemanager .slideshowImage{height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.em-filemanager .limits-couter-wrapper{align-items:center;display:flex;justify-content:space-between}.em-filemanager .limits-couter-wrapper .limit-counter{align-items:center;border-radius:20px;display:flex;font-size:14px;height:34px;margin:15px 16px 15px 0;padding:0 12px;pointer-events:none}.em-filemanager .slideshowImage{height:auto;width:auto}.em-filemanager .imageAi__imageItem{align-items:center;border-radius:6px;display:flex;justify-content:center;min-height:100px;position:relative;text-align:center}.em-filemanager .imageAi__buttons{bottom:10px;display:flex;justify-content:space-between;left:50%;position:absolute;transform:translateX(-50%)}.em-filemanager .textAreaInputHybrid{border:none;min-height:0;outline:none;padding:0 0 0 1px}.em-filemanager .textAreaInputHybrid textarea{height:32px;line-height:26px;min-height:32px;padding:3px 11px}.em-filemanager .imageAi__loading{align-items:center;display:flex;justify-content:center;min-height:150px}.em-filemanager .imageAi__spin{align-items:center;display:flex;flex-direction:column;height:150px;justify-content:center}.em-filemanager .imageAi__status{margin:3px 0 0}.em-filemanager .antCarousel{border-radius:6px;overflow:hidden}.em-filemanager .antCarouselImage{border-radius:calc(var(--borderRadius)*1px);left:50%;max-height:100%;object-fit:contain;overflow:hidden;top:50%;transform:translate(-50%,-50%);transition:width 1s;transition:height 1s}.em-filemanager .small{height:202px;width:302px}.em-filemanager .large{height:350px;width:524px}.em-filemanager .dark .imageAi .antCarouselImage{background:#2b2b2b;border:1px solid #434343}.em-filemanager .dark .imageAi .ant-btn{background:#1f1f1f}.em-filemanager .dark .imageAi .ant-btn:hover{color:var(--colorPrimary)}.em-filemanager .ant-app,.em-filemanager .file-manager__layout{height:100%;width:100%}.em-filemanager .file-manager__layout .ant-divider{border-color:var(--fm-border-primary)}.em-filemanager .file-manager__layout .actions-header{align-items:center;background:#0000;display:flex;height:auto;padding:20px 24px}.em-filemanager .file-manager__layout .header-title-container{align-items:center;display:flex;justify-content:space-between;margin-right:24px;min-width:250px}.em-filemanager .file-manager__layout h5.header-title{font-size:24px;font-weight:500;margin-bottom:0;margin-right:16px}.em-filemanager .file-manager__layout .selected-text{white-space:nowrap}.em-filemanager .file-manager__layout .file-manager__content{flex:1;overflow:"hidden"}.em-filemanager .file-manager__layout .file-manager-sider{background:#0000;position:relative}.em-filemanager .file-manager__layout .file-manager-sider .ant-dropdown-button{grid-template-columns:10fr 40px;margin-bottom:24px}.em-filemanager .file-manager__layout .file-manager-sider .ant-dropdown-button button{font-weight:500;height:44px}.em-filemanager .file-manager__layout .file-manager-sider .ant-dropdown-button .ant-btn-compact-first-item{justify-content:flex-start;width:100%}.em-filemanager .file-manager__layout .file-manager-sider .sidebar__sections-title{color:var(--fm-text-tertiary);margin-bottom:10px}.em-filemanager .file-manager__layout .file-manager-sider .folder-menu{border:none;padding-bottom:12px}.em-filemanager .file-manager__layout .file-manager-sider .folder-menu li{display:flex;height:44px;line-height:44px;margin:0;padding:0 12px;width:100%}.em-filemanager .file-manager__layout .file-manager-sider .folder-menu .ant-menu-item-selected{font-weight:500}.em-filemanager .file-manager__layout .file-manager-sider .ant-tree{background:none}.em-filemanager .file-manager__layout .file-manager-sider .ant-tree .ant-empty{display:none}.em-filemanager .file-manager__layout .content-layout{padding:24px}.em-filemanager .file-manager__layout .main-content{margin:0;min-height:280px}.em-filemanager .file-manager__layout .resize-guide{background-color:#1890ff;bottom:0;pointer-events:none;position:fixed;top:0;width:1px;z-index:1000}.em-filemanager .file-manager__layout .sidebar-resizer{align-items:center;background-color:initial;cursor:col-resize;display:flex;flex-direction:column;height:100%;justify-content:center;position:absolute;right:0;top:0;transition:background-color .2s;width:8px;z-index:1}.em-filemanager .file-manager__layout .sidebar-resizer.resizing,.em-filemanager .file-manager__layout .sidebar-resizer:hover{background-color:#0000000d}.em-filemanager .file-manager__layout .sidebar-resizer-indicator{background-color:#f0f0f0;height:100%;left:0;position:absolute;top:0;width:1px}.em-filemanager .file-manager__layout .sidebar-resizer-dots{display:flex;flex-direction:column;gap:3px}.em-filemanager .file-manager__layout .sidebar-resizer-dots span{background-color:#ccc;border-radius:50%;display:block;height:3px;width:3px}.em-filemanager .file-manager__layout .sidebar-resizer-text{color:#ccc;font-size:10px;letter-spacing:1px;margin-top:20px;transform:rotate(90deg);white-space:nowrap}.em-filemanager .file-manager__layout .zero-divider{margin:0}.em-filemanager .file-manager__layout .content-layout{display:flex;flex-direction:column;height:100%}.em-filemanager .file-manager__layout .header-container{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.em-filemanager .file-manager__layout .actions-container{display:flex;gap:8px}.em-filemanager .file-manager__layout .files-container{display:flex;flex:1;flex-direction:column;overflow:hidden}.em-filemanager .file-manager__layout .search-container{align-items:center;display:flex;gap:16px;width:300px}.em-filemanager .file-manager__layout .breadcrumb-container{margin-bottom:16px}.em-filemanager .file-manager__layout .pagination-container{display:flex;justify-content:flex-end;margin-top:16px}.em-filemanager .file-manager__layout .upload-zone{background-color:#fafafa;border:2px dashed #e8e8e8;border-radius:4px;margin-bottom:16px;padding:20px;text-align:center;transition:border-color .3s,background-color .3s}.em-filemanager .file-manager__layout .upload-zone.active{background-color:#e6f7ff;border-color:#1890ff}.em-filemanager .file-manager__layout .upload-icon{color:#999;font-size:24px;margin-bottom:8px}.em-filemanager .file-manager__layout .table-container{flex:1;overflow:auto}.em-filemanager .file-manager__layout .sidebar-container{height:100%;padding:36px 24px}.em-filemanager .file-manager__layout .upload-button{background:#4361ee;border-radius:6px;color:#fff;margin-bottom:12px;width:100%}.em-filemanager .file-manager__layout .sidebar-divider{margin:16px 0}.em-filemanager .file-manager__layout .folder-menu{background:#0000;border-right:none;flex:1;overflow:auto}.em-filemanager .file-manager__layout .folder-menu .ant-menu-light.ant-menu-inline .ant-menu-sub.ant-menu-inline{background:#0000}.em-filemanager .file-manager__layout .folder-menu .ant-menu-item-selected,.em-filemanager .file-manager__layout .folder-menu .select:not(.ant-menu-submenu-selected),.em-filemanager .file-manager__layout .folder-menu .select>.ant-menu-submenu-title{background-color:#fff}.em-filemanager .file-manager__layout .folder-label{align-items:center;cursor:pointer;display:flex}.em-filemanager .file-manager__layout .folder-icon{margin-right:8px}.em-filemanager .file-manager__layout .ellipsis{text-overflow:ellipsis}.em-filemanager .file-manager__layout .modal-title{font-weight:500}.em-filemanager .file-manager__layout .form-item{margin-bottom:16px}.em-filemanager .file-manager__layout .form-label{font-weight:500;margin-bottom:8px}.em-filemanager .file-manager__layout .form-input,.em-filemanager .file-manager__layout .form-select{border-radius:6px;width:100%}.em-filemanager .file-manager__layout .modal-footer{display:flex;gap:8px;justify-content:flex-end;margin-top:16px}.em-filemanager .file-manager__layout .cancel-button,.em-filemanager .file-manager__layout .submit-button{border-radius:6px}.em-filemanager .file-manager__layout .file-name-label{font-weight:600;margin-bottom:4px}.em-filemanager .image-preview{display:block;max-width:100%;transition:transform .3s ease}.em-filemanager .image-preview:hover{transform:scale(1.05)}.em-filemanager .files-grid-container{padding:16px}.em-filemanager .files-grid-container .files-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));width:100%}@media (max-width:768px){.em-filemanager .files-grid-container .files-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}.em-filemanager .file-grid-item{background:#fff;border:1px solid #e8e8e8;border-radius:8px;cursor:pointer;padding:12px;position:relative;transition:all .3s cubic-bezier(.645,.045,.355,1)}.em-filemanager .file-grid-item:hover{border-color:#40a9ff;box-shadow:0 2px 8px #00000017;transform:translateY(-2px)}.em-filemanager .file-grid-item.selected{background:#e6f7ff;border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33}.em-filemanager .file-grid-item.folder .file-grid-content .file-icon{color:#faad14}.em-filemanager .file-grid-content{align-items:center;display:flex;flex-direction:column;gap:8px;text-align:center}.em-filemanager .file-grid-content .file-thumbnail{align-items:center;background:#f5f5f5;border-radius:4px;display:flex;height:80px;justify-content:center;overflow:hidden;width:80px}.em-filemanager .file-grid-content .file-thumbnail img{max-height:100%;max-width:100%;object-fit:cover}.em-filemanager .file-grid-content .file-icon{color:#8c8c8c;font-size:48px}.em-filemanager .file-grid-content .file-icon.image{color:#52c41a}.em-filemanager .file-grid-content .file-icon.document{color:#1890ff}.em-filemanager .file-grid-content .file-icon.video{color:#fa541c}.em-filemanager .file-grid-content .file-icon.audio{color:#eb2f96}.em-filemanager .file-grid-content .file-icon.archive{color:#722ed1}.em-filemanager .file-grid-content .file-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#262626;display:-webkit-box;font-size:14px;font-weight:500;line-height:1.2;overflow:hidden;width:100%;word-break:break-word}.em-filemanager .file-grid-content .file-meta{color:#8c8c8c;display:flex;flex-direction:column;font-size:12px;gap:2px}.em-filemanager .file-grid-content .file-meta .file-size{font-weight:500}.em-filemanager .file-grid-content .file-meta .file-date{opacity:.8}.em-filemanager .file-grid-selection{position:absolute;right:8px;top:8px;z-index:1}.em-filemanager .file-grid-selection .ant-checkbox-wrapper{backdrop-filter:blur(4px);background:#ffffffe6;border-radius:4px;padding:2px}.em-filemanager .files-grid-enter{opacity:0;transform:scale(.8)}.em-filemanager .files-grid-enter-active{opacity:1;transform:scale(1);transition:opacity .3s,transform .3s}.em-filemanager .files-grid-exit{opacity:1}.em-filemanager .files-grid-exit-active{opacity:0;transform:scale(.8);transition:opacity .3s,transform .3s}.em-filemanager .files-grid-loading{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.em-filemanager .files-grid-loading .loading-item{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:8px;height:160px}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.em-filemanager .files-grid-empty{align-items:center;color:#8c8c8c;display:flex;flex-direction:column;grid-column:1/-1;justify-content:center;min-height:200px}.em-filemanager .files-grid-empty .empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.em-filemanager .files-grid-empty .empty-text{font-size:16px;font-weight:500}.em-filemanager .files-grid-empty .empty-description{font-size:14px;margin-top:8px;opacity:.8}@keyframes pulse{0%{box-shadow:0 0 4px #1890ff99}to{box-shadow:0 0 12px #1890ffcc}}:root{--fm-primary:#1890ff;--fm-primary-hover:#40a9ff;--fm-primary-active:#096dd9;--fm-primary-light:#e6f7ff;--fm-secondary:#1677ff;--fm-secondary-hover:#4096ff;--fm-secondary-active:#0958d9;--fm-success:#52c41a;--fm-success-hover:#73d13d;--fm-success-light:#f6ffed;--fm-warning:#faad14;--fm-warning-hover:#ffc53d;--fm-warning-light:#fffbe6;--fm-error:#ff4d4f;--fm-error-hover:#ff7875;--fm-error-light:#fff2f0;--fm-info:#13c2c2;--fm-info-hover:#36cfc9;--fm-info-light:#e6fffb;--fm-text-primary:#262626;--fm-text-secondary:#595959;--fm-text-tertiary:#8c8c8c;--fm-text-quaternary:#bfbfbf;--fm-bg-primary:#fff;--fm-bg-secondary:#fafafa;--fm-bg-tertiary:#f5f5f5;--fm-bg-quaternary:#f0f0f0;--fm-border-primary:#d9d9d9;--fm-border-secondary:#f0f0f0;--fm-border-tertiary:#e8e8e8;--fm-blue-light:#4299e1;--fm-purple:#722ed1;--fm-orange:#fa541c;--fm-pink:#eb2f96;--fm-cyan:#13c2c2;--fm-status-success:#52c41a;--fm-status-warning:#faad14;--fm-status-error:#ff4d4f;--fm-status-info:#1890ff;--fm-radius-none:0;--fm-radius-xs:1px;--fm-radius-sm:3px;--fm-radius-md:4px;--fm-radius-lg:6px;--fm-radius-xl:8px;--fm-radius-2xl:10px;--fm-radius-full:50%;--fm-spacing-xs:4px;--fm-spacing-sm:8px;--fm-spacing-md:12px;--fm-spacing-lg:16px;--fm-spacing-xl:20px;--fm-spacing-2xl:24px;--fm-spacing-3xl:32px;--fm-shadow-sm:0 1px 2px 0 #0000000d;--fm-shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--fm-shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--fm-shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--fm-transition-fast:0.15s ease;--fm-transition-normal:0.3s ease;--fm-transition-slow:0.5s ease}.em-filemanager [data-theme=dark]{--fm-primary:#177ddc;--fm-primary-hover:#1890ff;--fm-primary-active:#0958d9;--fm-primary-light:#111b26;--fm-secondary:#177ddc;--fm-secondary-hover:#1890ff;--fm-secondary-active:#0958d9;--fm-bg-primary:#141414;--fm-bg-secondary:#1f1f1f;--fm-bg-tertiary:#262626;--fm-bg-quaternary:#303030;--fm-text-primary:#fff;--fm-text-secondary:#d9d9d9;--fm-text-tertiary:#a6a6a6;--fm-text-quaternary:#737373;--fm-border-primary:#434343;--fm-border-secondary:#303030;--fm-border-tertiary:#262626}.em-filemanager .fm-text-primary{color:var(--fm-text-primary)}.em-filemanager .fm-text-secondary{color:var(--fm-text-secondary)}.em-filemanager .fm-text-tertiary{color:var(--fm-text-tertiary)}.em-filemanager .fm-text-quaternary{color:var(--fm-text-quaternary)}.em-filemanager .fm-bg-primary{background-color:var(--fm-bg-primary)}.em-filemanager .fm-bg-secondary{background-color:var(--fm-bg-secondary)}.em-filemanager .fm-bg-tertiary{background-color:var(--fm-bg-tertiary)}.em-filemanager .fm-bg-quaternary{background-color:var(--fm-bg-quaternary)}.em-filemanager .fm-border-primary{border-color:var(--fm-border-primary)}.em-filemanager .fm-border-secondary{border-color:var(--fm-border-secondary)}.em-filemanager .fm-border-tertiary{border-color:var(--fm-border-tertiary)}.em-filemanager .fm-radius-none{border-radius:var(--fm-radius-none)}.em-filemanager .fm-radius-xs{border-radius:var(--fm-radius-xs)}.em-filemanager .fm-radius-sm{border-radius:var(--fm-radius-sm)}.em-filemanager .fm-radius-md{border-radius:var(--fm-radius-md)}.em-filemanager .fm-radius-lg{border-radius:var(--fm-radius-lg)}.em-filemanager .fm-radius-xl{border-radius:var(--fm-radius-xl)}.em-filemanager .fm-radius-2xl{border-radius:var(--fm-radius-2xl)}.em-filemanager .fm-radius-full{border-radius:var(--fm-radius-full)}
+.em-filemanager .contentLayout {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  padding: 36px 16px;
+}
+
+.em-filemanager .headerContainer {
+  display: flex;
+  justify-content: space-between;
+  margin-bottom: 16px;
+  align-items: center;
+  padding: 0 16px;
+}
+
+.em-filemanager .actionsContainer {
+  display: flex;
+  gap: 8px;
+}
+
+.em-filemanager .filesContainer {
+  flex: 1;
+  overflow-y: auto;
+  display: flex;
+  flex-direction: column;
+}
+
+.em-filemanager .searchContainer {
+  display: flex;
+  gap: 16px;
+  align-items: center;
+  width: 300px;
+}
+
+.em-filemanager .breadcrumbContainer {
+  margin-bottom: 16px;
+}
+
+.em-filemanager .paginationContainer {
+  display: flex;
+  justify-content: center;
+  margin-top: 16px;
+}
+
+.em-filemanager .paginationContainerEnd {
+  display: flex;
+  justify-content: flex-end;
+  margin-top: 16px;
+}
+
+.em-filemanager .uploadZone {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background-color: rgba(255, 255, 255, 0.95);
+  backdrop-filter: blur(4px);
+  border: 3px solid var(--fm-primary);
+  border-radius: var(--fm-radius-none);
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  z-index: 1000;
+  transition: all var(--fm-transition-normal);
+  animation: uploadZoneFadeIn 0.3s ease-out;
+}
+
+.em-filemanager .uploadZone.active {
+  border-color: var(--fm-primary);
+  background-color: rgba(230, 247, 255, 0.95);
+  box-shadow: 0 0 20px rgba(24, 144, 255, 0.3);
+}
+
+.em-filemanager .uploadIcon {
+  font-size: 64px;
+  color: var(--fm-primary);
+  margin-bottom: var(--fm-spacing-lg);
+  animation: uploadIconPulse 2s infinite;
+}
+
+.em-filemanager .uploadText {
+  font-size: 18px;
+  color: var(--fm-primary);
+  font-weight: 500;
+  text-align: center;
+  margin-top: var(--fm-spacing-sm);
+}
+
+.em-filemanager .uploadSubtext {
+  font-size: 14px;
+  color: var(--fm-text-secondary);
+  text-align: center;
+  margin-top: var(--fm-spacing-xs);
+}
+
+@keyframes uploadZoneFadeIn {
+  from {
+    opacity: 0;
+    transform: scale(0.95);
+  }
+  to {
+    opacity: 1;
+    transform: scale(1);
+  }
+}
+
+@keyframes uploadIconPulse {
+  0%,
+  100% {
+    transform: scale(1);
+  }
+  50% {
+    transform: scale(1.1);
+  }
+}
+
+.em-filemanager .tableContainer {
+  flex: 1;
+  overflow: auto;
+}
+
+.em-filemanager .imagePreview {
+  max-width: 100%;
+  display: block;
+  transition: transform 0.3s ease;
+}
+
+.em-filemanager .imagePreview:hover {
+  transform: scale(1.05);
+}
+
+.em-filemanager .fileManagerTableFolder {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.em-filemanager .fileManagerTableFolderInner {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 100%;
+}
+
+/* Breadcrumb styles */
+.em-filemanager .breadcrumbLink {
+  cursor: pointer;
+}
+
+/* Sort select styles */
+.em-filemanager .sortSelect {
+  width: 140px;
+}
+
+/* Table column styles */
+.em-filemanager .fileName {
+  font-weight: 500;
+}
+
+.em-filemanager .fileNameClickable {
+  font-weight: 500;
+  cursor: pointer;
+}
+
+.em-filemanager .fileItemCount {
+  font-size: 12px;
+  color: var(--fm-text-tertiary);
+  margin-top: 2px;
+}
+
+.em-filemanager .fileSize {
+  color: var(--fm-text-tertiary);
+}
+
+.em-filemanager .fileDate {
+  color: var(--fm-text-tertiary);
+}
+
+.em-filemanager .tableImagePreview {
+  object-fit: contain;
+  border-radius: 4px;
+}
+
+.em-filemanager .tableFolderIcon {
+  color: var(--fm-blue-light);
+  font-size: 28px;
+}
+
+.em-filemanager .gridRow {
+  margin-top: 16px;
+  margin-left: 0 !important;
+  margin-right: 0 !important;
+}
+
+.em-filemanager .gridCard {
+  border-radius: var(--fm-radius-2xl);
+  overflow: hidden;
+  width: 256px;
+  height: 100%;
+  box-shadow: 0 8px 16px 0 #191D3A0A;
+}
+
+.em-filemanager .gridCardSelected {
+  border-radius: 8px;
+  overflow: hidden;
+  width: 200px;
+  height: 100%;
+}
+
+.em-filemanager .gridCardContent {
+  position: relative;
+  padding: 0;
+}
+
+.em-filemanager .gridCheckbox {
+  position: absolute;
+  top: 8px;
+  left: 8px;
+  z-index: 1;
+}
+
+.em-filemanager .gridPreviewContainer {
+  width: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  background: var(--fm-bg-quaternary);
+  border-radius: var(--fm-radius-md);
+  margin-bottom: var(--fm-spacing-sm);
+}
+
+.em-filemanager .gridPreviewContainerFolder {
+  width: 100%;
+  /* aspect-ratio: 1 / 1; */
+  display: flex !important;
+  justify-content: center;
+  align-items: center;
+  /* background: #f7fafc; */
+  border-radius: var(--fm-radius-md);
+  margin-bottom: var(--fm-spacing-sm);
+  height: 240px;
+}
+
+.em-filemanager .gridPreviewContainerFolder:hover {
+  background: var(--fm-bg-secondary);
+}
+
+.em-filemanager .gridFolderIcon {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 8px;
+}
+
+.em-filemanager .gridFolderIconImage {
+  font-size: 111px;
+  color: var(--fm-primary);
+}
+
+.em-filemanager .gridImagePreview {
+  max-width: 100%;
+  aspect-ratio: 1 / 1;
+  object-fit: cover;
+}
+
+.em-filemanager .gridFileName {
+  font-weight: 500;
+  margin-bottom: 4px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.em-filemanager .gridFileInfo {
+  font-size: 12px;
+  color: #6b7280;
+}
+
+/* Upload zone positioning */
+.em-filemanager .uploadZoneFixed {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  z-index: 1000;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  background: rgba(255, 255, 255, 0.9);
+}
+.em-filemanager .classsssssss {
+  background: red;
+  color: #4361ee;
+}
+.em-filemanager .sortContainer {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+.em-filemanager .sortLabel {
+  font-size: 14px;
+  color: #6b7280;
+}
+.em-filemanager .actionsBox {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+}
+
+.em-filemanager .button {
+  padding: var(--fm-spacing-xs) var(--fm-spacing-md);
+  cursor: pointer;
+  color: var(--fm-text-secondary);
+  font-size: 14px;
+  display: flex;
+  gap: var(--fm-spacing-sm);
+  align-items: center;
+  justify-content: center;
+  border-radius: var(--fm-radius-lg);
+  transition: all var(--fm-transition-fast);
+  background-color: var(--fm-bg-secondary);
+  border: none;
+}
+
+.em-filemanager .button:hover {
+  background-color: var(--fm-bg-tertiary);
+  color: var(--fm-primary);
+}
+
+.em-filemanager .foldersTitle {
+  display: flex;
+  align-items: center;
+  flex: 1;
+  cursor: pointer;
+}
+
+.em-filemanager .folderActions {
+  position: absolute;
+  top: 3px; /* Выравниваем по заголовку Folders */
+  right: 0;
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  z-index: 10;
+}
+
+.em-filemanager .customExpandIcon {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 16px;
+  height: 16px;
+  margin-right: 8px;
+  cursor: pointer;
+  color: #666;
+  font-size: 10px;
+  transition: transform 0.2s ease;
+}
+
+.em-filemanager .customExpandIcon:hover {
+  color: #1890ff;
+}
+
+.em-filemanager .fileCount {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  min-width: 20px;
+  height: 16px;
+  padding: 0 6px;
+  margin-left: 8px;
+  color: #666;
+  font-size: 11px;
+  font-weight: 500;
+  transition: all 0.2s ease;
+  white-space: nowrap;
+  cursor: default;
+  flex-shrink: 0; /* Запрещаем сжатие счетчика */
+}
+
+.em-filemanager .fileCount:hover {
+  border-color: #1890ff;
+  color: #1890ff;
+}
+
+/* :global(.ant-tree .ant-tree-node-content-wrapper.ant-tree-node-selected):hover {
+  color: red !important;
+} */
+
+/* Стили для выделения текста в выбранной папке */
+
+/* Стили для иконки в выбранной папке */
+/* .folderMenu :global(.ant-tree-treenode-selected .folderIcon),
+.folderMenu :global(.ant-tree-node-selected .folderIcon) {
+  color: red !important;
+} */
+
+/* CSS переменные для упрощения расчетов */
+
+.em-filemanager .uploadButton {
+  display: grid;
+  grid-template-columns: 3fr 1fr;
+}
+
+.em-filemanager .folderMenu {
+  padding-left: 0;
+  padding-right: 0; /* Место для кнопки справа */
+}
+
+/* Стили для линий дерева */
+
+/* Улучшение отображения folder-item-container */
+
+/* Стили для корневого элемента Folders */
+
+/* Стили для ellipsis - удаляем max-width для гибкости */
+
+/* Стили для пустого состояния */
+
+/* Убираем отступы у корневого узла */
+.em-filemanager .folderIcon {
+  margin-right: 8px;
+  font-size: 14px;
+  flex-shrink: 0; /* Запрещаем сжатие иконки */
+}
+
+.em-filemanager .folderLabelItem {
+  font-size: 14px;
+  font-weight: 400;
+  white-space: nowrap; /* Запрещаем перенос строк */
+  overflow: hidden; /* Скрываем переполнение */
+  text-overflow: ellipsis; /* Показываем троеточие */
+  flex: 1; /* Занимает доступное место */
+  min-width: 0; /* Позволяет сжиматься */
+}
+
+.em-filemanager .foldersTitleItem {
+  display: flex;
+  align-items: center;
+  flex: 1;
+  cursor: pointer;
+  min-width: 0; /* Позволяет сжиматься */
+  overflow: hidden; /* Скрываем переполнение */
+}
+
+/* .foldersTitleItem .folderLabelItem {
+  font-weight: 500;
+  color: #262626;
+} */
+
+/* Класс для заголовка папок */
+.em-filemanager .folderLabel {
+  display: flex;
+  align-items: center;
+  flex: 1;
+  min-width: 0;
+  overflow: hidden;
+}
+
+.em-filemanager .foldersContainer {
+  position: relative;
+  width: 100%;
+}
+
+/* Дополнительные стили для улучшения визуала */
+/* .folderMenu :global(.ant-tree-treenode:hover .folder-label span) {
+  color: #1890ff;
+} */
+
+/* Стили для дивайдера между папками */
+.em-filemanager .divider {
+  margin: 12px 0 !important;
+}
+
+/* Стили для кнопки загрузки */
+.em-filemanager .uploadButton {
+  width: 100%;
+  margin-bottom: 8px;
+}
+/* .folderMenu :global(.ant-tree-treenode-selected) .folderLabelItem {
+  color: #1890ff !important;
+} */
+
+.em-filemanager .container {
+  position: fixed;
+  top: 20px;
+  left: 20px;
+  z-index: 1000;
+  max-width: 400px;
+  min-width: 320px;
+}
+
+.em-filemanager .uploadCard {
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
+  border-radius: 8px;
+  border: 1px solid #d9d9d9;
+}
+
+.em-filemanager .header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  width: 100%;
+}
+
+.em-filemanager .headerButton {
+  padding: 0;
+  width: 24px;
+  height: 24px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.em-filemanager .headerButton:hover {
+  background-color: rgba(0, 0, 0, 0.04);
+}
+
+.em-filemanager .fileList {
+  max-height: 300px;
+  overflow-y: auto;
+}
+
+.em-filemanager .fileItem {
+  padding: 8px 0 !important;
+  border-bottom: 1px solid #f0f0f0;
+}
+
+.em-filemanager .fileItem:last-child {
+  border-bottom: none;
+}
+
+.em-filemanager .fileAvatar {
+  background-color: transparent !important;
+}
+
+.em-filemanager .fileInfo {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+}
+
+.em-filemanager .fileName {
+  font-size: 13px;
+  line-height: 1.2;
+  max-width: 200px;
+}
+
+.em-filemanager .fileSize {
+  font-size: 11px;
+  line-height: 1;
+}
+
+.em-filemanager .progressBar {
+  margin-top: 4px;
+}
+
+.em-filemanager .errorNote {
+  margin-top: 8px;
+  padding: 8px;
+  background-color: #fff2f0;
+  border: 1px solid #ffccc7;
+  border-radius: 4px;
+}
+
+/* Минимизированное состояние */
+.em-filemanager .minimizedContainer {
+  position: fixed;
+  top: 20px;
+  left: 20px;
+  z-index: 1000;
+}
+
+.em-filemanager .minimizedButton {
+  font-size: 12px;
+  height: 28px;
+  padding: 0 12px;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+}
+
+/* Скроллбар для списка файлов */
+.em-filemanager .fileList::-webkit-scrollbar {
+  width: 6px;
+}
+
+.em-filemanager .fileList::-webkit-scrollbar-track {
+  background: #f1f1f1;
+  border-radius: 3px;
+}
+
+.em-filemanager .fileList::-webkit-scrollbar-thumb {
+  background: #c1c1c1;
+  border-radius: 3px;
+}
+
+.em-filemanager .fileList::-webkit-scrollbar-thumb:hover {
+  background: #a8a8a8;
+}
+
+/* Анимации */
+.em-filemanager .container {
+  animation: slideInFromLeft 0.3s ease-out;
+}
+
+.em-filemanager .minimizedContainer {
+  animation: slideInFromLeft 0.3s ease-out;
+}
+
+@keyframes slideInFromLeft {
+  from {
+    transform: translateX(-100%);
+    opacity: 0;
+  }
+  to {
+    transform: translateX(0);
+    opacity: 1;
+  }
+}
+
+/* Адаптивность */
+@media (max-width: 768px) {
+  .em-filemanager .container {
+    left: 10px;
+    right: 10px;
+    max-width: calc(100vw - 20px);
+    min-width: auto;
+  }
+
+  .em-filemanager .minimizedContainer {
+    left: 10px;
+  }
+}
+
+.em-filemanager .gifTab {
+  padding: 16px;
+  height: 100%;
+}
+.em-filemanager .gifTab .ant-divider-horizontal {
+  margin: 0;
+}
+.em-filemanager .gifTab img {
+  max-width: none;
+  max-height: none;
+  border-radius: 0;
+}
+.em-filemanager .gifTab .gifSearchInput {
+  padding: 0 2px 0 2px;
+  margin-bottom: 16px;
+}
+.em-filemanager .gifTab .scrollableDiv {
+  width: 100%;
+  height: calc(84vh - 148px);
+  overflow: auto;
+  padding-right: 0;
+  line-height: 0;
+  box-sizing: unset;
+  padding-top: 12px;
+  padding-left: 12px;
+  margin: -12px 0 0 -12px;
+}
+.em-filemanager .gifTab .myMasonryGrid {
+  display: flex;
+  width: auto;
+  text-align: center;
+}
+.em-filemanager .gifTab .myMasonryGridColumn {
+  background-clip: padding-box;
+}
+.em-filemanager .gifTab .listItem {
+  cursor: pointer;
+  position: relative;
+  transition: all 0.3s ease;
+  border: 1px solid #f0f2f5;
+  margin-bottom: 30px;
+  display: inline-block;
+  border-radius: 16px;
+  min-height: 100px;
+  max-height: 100px;
+  overflow: hidden;
+  background: #f0f2f5;
+  height: 320px;
+  width: 320px;
+  margin-right: 30px;
+}
+.em-filemanager .gifTab .listItem .overlayImage {
+  position: absolute;
+  bottom: 10px;
+  right: 10px;
+  width: 110px;
+  height: 40px;
+  background-size: cover;
+  opacity: 0;
+  transition: opacity 0.5s ease;
+}
+.em-filemanager .gifTab .listItem .ant-spin {
+  font-size: 20px;
+  color: #f0f2f5;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
+.em-filemanager .gifTab .listItem img {
+  display: block;
+  border-radius: 6px;
+  height: auto;
+  object-fit: contain;
+  opacity: 0;
+  transition: opacity 0.5s ease-in-out;
+}
+.em-filemanager .gifTab .listItem.loaded {
+  max-height: 1000px;
+  border: 1px solid #d9d9d9;
+}
+.em-filemanager .gifTab .listItem.loaded img {
+  opacity: 1;
+  height: 100%;
+  width: 100%;
+  margin: auto;
+}
+.em-filemanager .gifTab .listItem.loaded .loadedImage {
+  opacity: 0.5;
+}
+.em-filemanager .gifTab .listItem:hover {
+  box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);
+}
+.em-filemanager .gifTab .listItem:hover p.creatorInfo {
+  opacity: 1;
+}
+.em-filemanager .gifTab .listItem:hover .overlayImage {
+  opacity: 1;
+}
+.em-filemanager .gifTab .listItem p.creatorInfo {
+  position: absolute;
+  border-radius: 0 0 6px 0;
+  bottom: 0;
+  right: 0;
+  margin: 0;
+  background-color: rgba(0, 0, 0, 0.5);
+  color: #fff;
+  padding: 5px;
+  font-size: 10px;
+  opacity: 0;
+  line-height: 1.2;
+}
+.em-filemanager .gifTab .listItem p.creatorInfo:hover a {
+  color: #fff;
+  text-decoration: underline;
+}
+.em-filemanager .gifTab .listItem p.creatorInfo a {
+  color: #fff;
+  text-decoration: none;
+}
+.em-filemanager .gifTab .ant-divider-horizontal.ant-divider-with-text::before, .em-filemanager .gifTab .ant-divider-horizontal.ant-divider-with-text::after {
+  transform: none;
+}
+
+.em-filemanager .gifColorFilter {
+  display: flex;
+}
+.em-filemanager .gifColorFilter label {
+  border-radius: 6px !important;
+  width: 24px;
+  height: 24px;
+  margin: 4px 4px;
+  padding: 0;
+  font-size: 0px;
+  border-width: 1px;
+}
+.em-filemanager .gifColorFilter label.allColors {
+  background-image: linear-gradient(135deg, #ff0000, #ff7f00, #ffff00, #00ff00, #0000ff, #8b00ff);
+}
+.em-filemanager .gifColorFilter label.blackColor {
+  background: #222222;
+}
+.em-filemanager .gifColorFilter label.bwColor {
+  background-image: linear-gradient(135deg, #222222 50%, white 50%);
+}
+.em-filemanager .gifColorFilter label.whiteColor {
+  background: #ffffff;
+}
+.em-filemanager .gifColorFilter label.orangeColor {
+  background: #fa8c16;
+}
+.em-filemanager .gifColorFilter label.redColor {
+  background: #f5222d;
+}
+.em-filemanager .gifColorFilter label.purpleColor {
+  background: #722ed1;
+}
+.em-filemanager .gifColorFilter label.magentaColor {
+  background: #eb2f96;
+}
+.em-filemanager .gifColorFilter label.greenColor {
+  background: #52c41a;
+}
+.em-filemanager .gifColorFilter label.tealColor {
+  background: #43c3c3;
+}
+.em-filemanager .gifColorFilter label.blueColor {
+  background: #1677ff;
+}
+
+.em-filemanager .dark .gifTab .listItem {
+  border: 1px solid #2b2b2b;
+  background: #2b2b2b;
+}
+.em-filemanager .stockTab {
+  padding: 16px;
+  height: 100%;
+}
+.em-filemanager .stockTab .ant-divider-horizontal {
+  margin: 0;
+}
+.em-filemanager .stockTab img {
+  max-width: none;
+  max-height: none;
+  border-radius: 0;
+}
+.em-filemanager .stockTab .stockSearchInput {
+  padding: 0 2px 0 2px;
+}
+.em-filemanager .stockTab .searchResults .stockSearchInput {
+  width: 100%;
+}
+.em-filemanager .stockTab .blocksSearchDividerWrapper {
+  margin: 0;
+}
+.em-filemanager .stockTab .scrollableDiv {
+  width: 100%;
+  height: calc(84vh - 148px);
+  overflow: auto;
+  padding-right: 0;
+  padding-top: 12px;
+  padding-left: 12px;
+  margin: -12px 0 0 -12px;
+  line-height: 0;
+  box-sizing: unset;
+}
+.em-filemanager .stockTab .myMasonryGrid {
+  display: flex;
+  width: auto;
+  text-align: center;
+}
+.em-filemanager .stockTab .myMasonryGridColumn {
+  background-clip: padding-box;
+}
+.em-filemanager .stockTab .listItem {
+  cursor: pointer;
+  position: relative;
+  transition: all 0.3s ease;
+  border: 1px solid #f0f2f5;
+  margin-bottom: 30px;
+  margin-right: 30px;
+  display: inline-block;
+  border-radius: 16px;
+  min-height: 100px;
+  max-height: 100px;
+  overflow: hidden;
+  background: #f0f2f5;
+  height: 320px;
+  width: 320px;
+}
+.em-filemanager .stockTab .listItem .ant-spin {
+  font-size: 20px;
+  color: #f0f2f5;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
+.em-filemanager .stockTab .listItem img {
+  display: block;
+  border-radius: 6px;
+  height: auto;
+  object-fit: contain;
+  opacity: 0;
+  transition: opacity 0.5s ease-in-out;
+}
+.em-filemanager .stockTab .listItem.loaded {
+  max-height: 310px;
+  border: 1px solid #d9d9d9;
+}
+.em-filemanager .stockTab .listItem.loaded img {
+  opacity: 1;
+  height: 100%;
+  width: 100%;
+  margin: auto;
+}
+.em-filemanager .stockTab .listItem.loaded .loadedImage {
+  opacity: 0.5;
+}
+.em-filemanager .stockTab .listItem:hover {
+  box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);
+}
+.em-filemanager .stockTab .listItem:hover p.creatorInfo {
+  opacity: 1;
+}
+.em-filemanager .stockTab .listItem p.creatorInfo {
+  position: absolute;
+  border-radius: 0 0 6px 0;
+  bottom: 0;
+  right: 0;
+  margin: 0;
+  background-color: rgba(0, 0, 0, 0.5);
+  color: #fff;
+  padding: 5px;
+  font-size: 10px;
+  opacity: 0;
+  line-height: 1.2;
+}
+.em-filemanager .stockTab .listItem p.creatorInfo:hover a {
+  color: #fff;
+  text-decoration: underline;
+}
+.em-filemanager .stockTab .listItem p.creatorInfo a {
+  color: #fff;
+  text-decoration: none;
+}
+.em-filemanager .stockTab .stockColorFilter {
+  display: flex;
+}
+.em-filemanager .stockTab .stockColorFilter label, .em-filemanager .stockTab .stockColorFilter [class^=ant-radio] {
+  border-radius: 6px !important;
+  width: 24px;
+  height: 24px;
+  margin: 4px 4px;
+  padding: 0;
+  font-size: 0;
+  border-width: 1px;
+}
+.em-filemanager .stockTab .stockColorFilter label.allColors, .em-filemanager .stockTab .stockColorFilter [class^=ant-radio].allColors {
+  background-image: linear-gradient(135deg, #ff0000, #ff7f00, #ffff00, #00ff00, #0000ff, #8b00ff);
+}
+.em-filemanager .stockTab .stockColorFilter label.blackColor, .em-filemanager .stockTab .stockColorFilter [class^=ant-radio].blackColor {
+  background: #222222;
+}
+.em-filemanager .stockTab .stockColorFilter label.bwColor, .em-filemanager .stockTab .stockColorFilter [class^=ant-radio].bwColor {
+  background-image: linear-gradient(135deg, #222222 50%, white 50%);
+}
+.em-filemanager .stockTab .stockColorFilter label.whiteColor, .em-filemanager .stockTab .stockColorFilter [class^=ant-radio].whiteColor {
+  background: #ffffff;
+}
+.em-filemanager .stockTab .stockColorFilter label.orangeColor, .em-filemanager .stockTab .stockColorFilter [class^=ant-radio].orangeColor {
+  background: #fa8c16;
+}
+.em-filemanager .stockTab .stockColorFilter label.redColor, .em-filemanager .stockTab .stockColorFilter [class^=ant-radio].redColor {
+  background: #f5222d;
+}
+.em-filemanager .stockTab .stockColorFilter label.purpleColor, .em-filemanager .stockTab .stockColorFilter [class^=ant-radio].purpleColor {
+  background: #722ed1;
+}
+.em-filemanager .stockTab .stockColorFilter label.magentaColor, .em-filemanager .stockTab .stockColorFilter [class^=ant-radio].magentaColor {
+  background: #eb2f96;
+}
+.em-filemanager .stockTab .stockColorFilter label.greenColor, .em-filemanager .stockTab .stockColorFilter [class^=ant-radio].greenColor {
+  background: #52c41a;
+}
+.em-filemanager .stockTab .stockColorFilter label.tealColor, .em-filemanager .stockTab .stockColorFilter [class^=ant-radio].tealColor {
+  background: #43c3c3;
+}
+.em-filemanager .stockTab .stockColorFilter label.blueColor, .em-filemanager .stockTab .stockColorFilter [class^=ant-radio].blueColor {
+  background: #1677ff;
+}
+.em-filemanager .stockTab .ant-divider-horizontal.ant-divider-with-text::before, .em-filemanager .stockTab .ant-divider-horizontal.ant-divider-with-text::after {
+  transform: none;
+}
+
+.em-filemanager .dark .stockTab .listItem {
+  border: 1px solid #2b2b2b;
+  background: #2b2b2b;
+}
+.em-filemanager .slideshowContainer {
+  position: relative;
+  margin: auto;
+  overflow: hidden;
+  border-radius: 6px;
+  width: 100%;
+  height: 100%;
+  object-fit: contain;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.em-filemanager .slideshowImage {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  max-width: 100%;
+  max-height: 100%;
+  width: auto;
+  height: auto;
+  opacity: 0;
+  object-fit: contain;
+}
+.em-filemanager .limits-couter-wrapper {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+.em-filemanager .limits-couter-wrapper .limit-counter {
+  margin: 15px 16px 15px 0;
+  padding: 0 12px;
+  border-radius: 20px;
+  font-size: 14px;
+  pointer-events: none;
+  height: 34px;
+  display: flex;
+  align-items: center;
+}
+.em-filemanager .imageAi {
+  height: 100%;
+  padding: 16px;
+}
+
+.em-filemanager .slideshowImage {
+  width: auto;
+  height: auto;
+  border-radius: 6px;
+}
+
+.em-filemanager .imageItem {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  position: relative;
+  text-align: center;
+  min-height: 100px;
+  border-radius: 6px;
+}
+
+.em-filemanager .buttons {
+  display: flex;
+  justify-content: space-between;
+  position: absolute;
+  bottom: 10px;
+  left: 50%;
+  transform: translateX(-50%);
+}
+
+.em-filemanager .textAreaInputHybrid {
+  padding: 0 0 0 1px;
+  border: none;
+  outline: none;
+  min-height: 0;
+}
+
+.em-filemanager .textAreaInputHybrid textarea {
+  padding: 3px 11px;
+  line-height: 26px;
+  height: 32px;
+  min-height: 32px;
+}
+
+.em-filemanager .loading {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  min-height: 150px;
+}
+
+.em-filemanager .spin {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  height: 150px;
+}
+
+.em-filemanager .status {
+  margin: 3px 0 0 0;
+}
+
+.em-filemanager .carousel {
+  border-radius: 6px;
+  overflow: hidden;
+  margin-top: 24px;
+}
+
+.em-filemanager .carouselImage {
+  border-radius: calc(var(--borderRadius) * 1px);
+  overflow: hidden;
+  transition: width 1s;
+  transition: height 1s;
+  max-height: 100%;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+  object-fit: contain;
+}
+
+.em-filemanager .small {
+  width: 302px;
+  height: 202px;
+}
+
+.em-filemanager .large {
+  width: 524px;
+  height: 350px;
+}
+
+.em-filemanager .arrow {
+  z-index: 3000;
+  display: block;
+  position: absolute;
+  top: 50%;
+  background-color: transparent;
+  opacity: 0.8;
+  transform: translateY(-50%);
+}
+
+.em-filemanager .arrowNext {
+  right: 0;
+  transform: translateY(-50%) translateX(-100%);
+}
+
+.em-filemanager .arrowPrev {
+  left: 0;
+}
+
+.em-filemanager .arrowBtn {
+  border-radius: 100px;
+}
+
+.em-filemanager .arrowBtnNext {
+  right: 10px;
+}
+
+.em-filemanager .arrowBtnPrev {
+  left: 10px;
+}
+
+.em-filemanager .row {
+  padding: 0 2px;
+}
+
+.em-filemanager .inputAffixWrapper {
+  padding-left: 0;
+}
+
+.em-filemanager .textarea {
+  font-size: 16px;
+}
+
+.em-filemanager .inputIcon {
+  font-size: 16px;
+  top: 0;
+  right: 0;
+}
+
+.em-filemanager .imageAiDark .carouselImage {
+  border: 1px solid #434343;
+  background: #2b2b2b;
+}
+
+.em-filemanager .imageAiDark .antBtn {
+  background: #1f1f1f;
+}
+
+.em-filemanager .imageAiDark .antBtn:hover {
+  color: var(--colorPrimary);
+}
+@charset "UTF-8";
+/* FileManagerApp стили */
+.em-filemanager .ant-app {
+  width: 100%;
+  height: 100%;
+}
+
+.em-filemanager .file-manager__layout {
+  width: 100%;
+  height: 100%;
+  /* FileContent стили */
+  /* FolderSidebar стили */
+  /* FileModals стили */
+}
+.em-filemanager .file-manager__layout .ant-divider {
+  border-color: var(--fm-border-primary);
+}
+.em-filemanager .file-manager__layout .actions-header {
+  background: transparent;
+  padding: 20px 24px;
+  display: flex;
+  align-items: center;
+}
+.em-filemanager .file-manager__layout .header-title-container {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  min-width: 250px;
+  margin-right: 24px;
+}
+.em-filemanager .file-manager__layout h5.header-title {
+  margin-right: 16px;
+  margin-bottom: 0;
+  font-size: 24px;
+  font-weight: 500;
+}
+.em-filemanager .file-manager__layout .selected-text {
+  white-space: nowrap;
+}
+.em-filemanager .file-manager__layout .file-manager__content {
+  flex: 1;
+  overflow: "hidden";
+}
+.em-filemanager .file-manager__layout .file-manager-sider {
+  position: relative;
+  background: transparent;
+}
+.em-filemanager .file-manager__layout .file-manager-sider .ant-dropdown-button {
+  grid-template-columns: 10fr 40px;
+  margin-bottom: 24px;
+}
+.em-filemanager .file-manager__layout .file-manager-sider .ant-dropdown-button button {
+  height: 44px;
+  font-weight: 500;
+}
+.em-filemanager .file-manager__layout .file-manager-sider .ant-dropdown-button .ant-btn-compact-first-item {
+  justify-content: flex-start;
+  width: 100%;
+  border-radius: var(--fm-radius-xl) 0 0 var(--fm-radius-xl);
+}
+.em-filemanager .file-manager__layout .file-manager-sider .ant-dropdown-button .ant-btn-compact-last-item {
+  border-radius: 0 var(--fm-radius-xl) var(--fm-radius-xl) 0;
+}
+.em-filemanager .file-manager__layout .file-manager-sider .sidebar__sections-title {
+  color: var(--fm-text-tertiary);
+  margin-bottom: 10px;
+}
+.em-filemanager .file-manager__layout .file-manager-sider .folder-menu {
+  border: none;
+}
+.em-filemanager .file-manager__layout .file-manager-sider .folder-menu li {
+  margin: 0;
+  height: 44px;
+  line-height: 44px;
+  display: flex;
+  padding: 0 12px;
+  width: 100%;
+  border-radius: var(--fm-radius-xl);
+}
+.em-filemanager .file-manager__layout .file-manager-sider .folder-menu .ant-menu-item-selected {
+  font-weight: 500;
+}
+.em-filemanager .file-manager__layout .file-manager-sider .ant-tree {
+  background: none;
+}
+.em-filemanager .file-manager__layout .file-manager-sider .ant-tree .ant-empty {
+  display: none;
+}
+.em-filemanager .file-manager__layout .content-layout {
+  padding: 24px;
+}
+.em-filemanager .file-manager__layout .main-content {
+  margin: 0;
+  min-height: 280px;
+}
+.em-filemanager .file-manager__layout .main-content .content-layout {
+  padding: 24px 24px 24px 0;
+}
+.em-filemanager .file-manager__layout .main-content .content-layout h1 {
+  font-size: 32px;
+  line-height: 40px;
+  margin: 12px 0 16px;
+  padding: 0 16px;
+}
+.em-filemanager .file-manager__layout .main-content .content-layout .search-container input {
+  height: 34px;
+  line-height: 34px;
+}
+.em-filemanager .file-manager__layout .main-content .content-layout .sort-label {
+  color: var(--fm-text-tertiary);
+}
+.em-filemanager .file-manager__layout .main-content .content-layout .sort-container {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+}
+.em-filemanager .file-manager__layout .main-content .content-layout .sort-container .ant-select-single {
+  height: 44px;
+}
+.em-filemanager .file-manager__layout .main-content .content-layout .ant-segmented {
+  background: var(--fm-border-tertiary);
+}
+.em-filemanager .file-manager__layout .main-content .content-layout .ant-segmented .ant-segmented-item-label {
+  min-height: 40px;
+  line-height: 35px;
+}
+.file-manager__layout .main-content .ant-card-body {
+  padding: 8px 16px;
+}
+.em-filemanager .file-manager__layout .main-content .ant-card-bordered {
+  border: 1px solid var(--fm-border-primary);
+}
+.em-filemanager .file-manager__layout .main-content .ant-image {
+  display: block;
+}
+.em-filemanager .file-manager__layout .main-content .ant-table-wrapper {
+  padding-right: 8px;
+  padding-left: 16px;
+}
+.em-filemanager .file-manager__layout .main-content .ant-table-wrapper .ant-table {
+  background: none;
+  border-spacing: 10px;
+}
+.em-filemanager .file-manager__layout .main-content .ant-table-wrapper .ant-table .ant-table-row {
+  border-radius: var(--fm-radius-2xl);
+  background-color: var(--fm-bg-primary);
+  box-shadow: 0 8px 16px 0 rgba(25, 29, 58, 0.0392156863);
+}
+.em-filemanager .file-manager__layout .main-content .ant-table-wrapper .ant-table .ant-table-row td {
+  border-bottom: 4px solid #f0f2f5;
+}
+.em-filemanager .file-manager__layout .main-content .ant-table-wrapper .ant-table .ant-table-row td:first-child {
+  border-radius: var(--fm-radius-2xl) 0 0 var(--fm-radius-2xl);
+}
+.em-filemanager .file-manager__layout .main-content .ant-table-wrapper .ant-table .ant-table-row td:last-child {
+  border-radius: 0 var(--fm-radius-2xl) var(--fm-radius-2xl) 0;
+}
+.em-filemanager .file-manager__layout .resize-guide {
+  position: fixed;
+  top: 0;
+  bottom: 0;
+  width: 1px;
+  background-color: #1890ff;
+  z-index: 1000;
+  pointer-events: none;
+}
+.em-filemanager .file-manager__layout .sidebar-resizer {
+  position: absolute;
+  top: 0;
+  right: 0;
+  width: 8px;
+  height: 100%;
+  cursor: col-resize;
+  background-color: transparent;
+  transition: background-color 0.2s;
+  z-index: 1;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+}
+.em-filemanager .file-manager__layout .sidebar-resizer:hover,
+.em-filemanager .file-manager__layout .sidebar-resizer.resizing {
+  background-color: rgba(0, 0, 0, 0.05);
+}
+.em-filemanager .file-manager__layout .sidebar-resizer-indicator {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 1px;
+  height: 100%;
+  background-color: #f0f0f0;
+}
+.em-filemanager .file-manager__layout .sidebar-resizer-dots {
+  display: flex;
+  flex-direction: column;
+  gap: 3px;
+}
+.em-filemanager .file-manager__layout .sidebar-resizer-dots span {
+  display: block;
+  width: 3px;
+  height: 3px;
+  border-radius: 50%;
+  background-color: #ccc;
+}
+.em-filemanager .file-manager__layout .sidebar-resizer-text {
+  transform: rotate(90deg);
+  white-space: nowrap;
+  font-size: 10px;
+  letter-spacing: 1px;
+  color: #ccc;
+  margin-top: 20px;
+}
+.em-filemanager .file-manager__layout .zero-divider {
+  margin: 0;
+}
+.em-filemanager .file-manager__layout .content-layout {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+}
+.em-filemanager .file-manager__layout .header-container {
+  display: flex;
+  justify-content: space-between;
+  margin-bottom: 16px;
+  align-items: center;
+}
+.em-filemanager .file-manager__layout .actions-container {
+  display: flex;
+  gap: 8px;
+}
+.em-filemanager .file-manager__layout .files-container {
+  flex: 1;
+  overflow: hidden;
+  display: flex;
+  flex-direction: column;
+}
+.em-filemanager .file-manager__layout .search-container {
+  display: flex;
+  gap: 16px;
+  align-items: center;
+  width: 300px;
+}
+.em-filemanager .file-manager__layout .breadcrumb-container {
+  margin-bottom: 16px;
+}
+.em-filemanager .file-manager__layout .pagination-container {
+  display: flex;
+  justify-content: flex-end;
+  margin-top: 16px;
+}
+.em-filemanager .file-manager__layout .upload-zone {
+  border: 2px dashed #e8e8e8;
+  background-color: #fafafa;
+  border-radius: 4px;
+  text-align: center;
+  padding: 20px;
+  transition: border-color 0.3s, background-color 0.3s;
+  margin-bottom: 16px;
+}
+.em-filemanager .file-manager__layout .upload-zone.active {
+  border-color: #1890ff;
+  background-color: #e6f7ff;
+}
+.em-filemanager .file-manager__layout .upload-icon {
+  font-size: 24px;
+  color: #999;
+  margin-bottom: 8px;
+}
+.em-filemanager .file-manager__layout .table-container {
+  flex: 1;
+  overflow: auto;
+}
+.em-filemanager .file-manager__layout .sidebar-container {
+  height: 100%;
+  padding: 36px 24px;
+}
+.em-filemanager .file-manager__layout .upload-button {
+  background: #4361ee;
+  color: white;
+  border-radius: 6px;
+  width: 100%;
+  margin-bottom: 12px;
+}
+.em-filemanager .file-manager__layout .sidebar-divider {
+  margin: 16px 0;
+}
+.em-filemanager .file-manager__layout .folder-menu {
+  flex: 1;
+  overflow: auto;
+  border-right: none;
+  background: transparent;
+}
+.em-filemanager .file-manager__layout .folder-menu .ant-menu-light.ant-menu-inline .ant-menu-sub.ant-menu-inline {
+  background: transparent;
+}
+.em-filemanager .file-manager__layout .folder-menu .select > .ant-menu-submenu-title,
+.em-filemanager .file-manager__layout .folder-menu .select:not(.ant-menu-submenu-selected),
+.em-filemanager .file-manager__layout .folder-menu .ant-menu-item-selected {
+  background-color: white;
+}
+.em-filemanager .file-manager__layout .folder-label {
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+}
+.em-filemanager .file-manager__layout .folder-icon {
+  margin-right: 8px;
+}
+.em-filemanager .file-manager__layout .ellipsis {
+  text-overflow: ellipsis;
+}
+.em-filemanager .file-manager__layout .modal-title {
+  font-weight: 500;
+}
+.em-filemanager .file-manager__layout .form-item {
+  margin-bottom: 16px;
+}
+.em-filemanager .file-manager__layout .form-label {
+  font-weight: 500;
+  margin-bottom: 8px;
+}
+.em-filemanager .file-manager__layout .form-input {
+  width: 100%;
+  border-radius: 6px;
+}
+.em-filemanager .file-manager__layout .form-select {
+  width: 100%;
+  border-radius: 6px;
+}
+.em-filemanager .file-manager__layout .modal-footer {
+  display: flex;
+  justify-content: flex-end;
+  gap: 8px;
+  margin-top: 16px;
+}
+.em-filemanager .file-manager__layout .cancel-button {
+  border-radius: 6px;
+}
+.em-filemanager .file-manager__layout .submit-button {
+  border-radius: 6px;
+}
+.em-filemanager .file-manager__layout .file-name-label {
+  font-weight: 600;
+  margin-bottom: 4px;
+}
+
+/* Добавляем стили для превью изображений */
+.em-filemanager .image-preview {
+  max-width: 100%;
+  display: block;
+  transition: transform 0.3s ease;
+}
+.em-filemanager .image-preview:hover {
+  transform: scale(1.05);
+}
+
+.em-filemanager .files-grid-container {
+  padding: 16px;
+}
+.em-filemanager .files-grid-container .files-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
+  gap: 16px;
+  width: 100%;
+}
+@media (max-width: 768px) {
+  .em-filemanager .files-grid-container .files-grid {
+    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
+    gap: 12px;
+  }
+}
+
+.em-filemanager .file-grid-item {
+  border: 1px solid #e8e8e8;
+  border-radius: 8px;
+  padding: 12px;
+  background: #fff;
+  cursor: pointer;
+  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
+  position: relative;
+}
+.em-filemanager .file-grid-item:hover {
+  border-color: #40a9ff;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.09);
+  transform: translateY(-2px);
+}
+.em-filemanager .file-grid-item.selected {
+  border-color: #1890ff;
+  background: #e6f7ff;
+  box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
+}
+.em-filemanager .file-grid-item.folder .file-grid-content .file-icon {
+  color: #faad14;
+}
+
+.em-filemanager .file-grid-content {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  text-align: center;
+  gap: 8px;
+}
+.em-filemanager .file-grid-content .file-thumbnail {
+  width: 80px;
+  height: 80px;
+  border-radius: 4px;
+  overflow: hidden;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: #f5f5f5;
+}
+.em-filemanager .file-grid-content .file-thumbnail img {
+  max-width: 100%;
+  max-height: 100%;
+  object-fit: cover;
+}
+.em-filemanager .file-grid-content .file-icon {
+  font-size: 48px;
+  color: #8c8c8c;
+}
+.em-filemanager .file-grid-content .file-icon.image {
+  color: #52c41a;
+}
+.em-filemanager .file-grid-content .file-icon.document {
+  color: #1890ff;
+}
+.em-filemanager .file-grid-content .file-icon.video {
+  color: #fa541c;
+}
+.em-filemanager .file-grid-content .file-icon.audio {
+  color: #eb2f96;
+}
+.em-filemanager .file-grid-content .file-icon.archive {
+  color: #722ed1;
+}
+.em-filemanager .file-grid-content .file-name {
+  font-weight: 500;
+  font-size: 14px;
+  line-height: 1.2;
+  color: #262626;
+  word-break: break-word;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  width: 100%;
+}
+.em-filemanager .file-grid-content .file-meta {
+  font-size: 12px;
+  color: #8c8c8c;
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+}
+.em-filemanager .file-grid-content .file-meta .file-size {
+  font-weight: 500;
+}
+.em-filemanager .file-grid-content .file-meta .file-date {
+  opacity: 0.8;
+}
+
+.em-filemanager .file-grid-selection {
+  position: absolute;
+  top: 8px;
+  right: 8px;
+  z-index: 1;
+}
+.em-filemanager .file-grid-selection .ant-checkbox-wrapper {
+  background: rgba(255, 255, 255, 0.9);
+  border-radius: 4px;
+  padding: 2px;
+  backdrop-filter: blur(4px);
+}
+
+.em-filemanager .files-grid-enter {
+  opacity: 0;
+  transform: scale(0.8);
+}
+
+.em-filemanager .files-grid-enter-active {
+  opacity: 1;
+  transform: scale(1);
+  transition: opacity 300ms, transform 300ms;
+}
+
+.em-filemanager .files-grid-exit {
+  opacity: 1;
+}
+
+.em-filemanager .files-grid-exit-active {
+  opacity: 0;
+  transform: scale(0.8);
+  transition: opacity 300ms, transform 300ms;
+}
+
+.em-filemanager .files-grid-loading {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
+  gap: 16px;
+}
+.em-filemanager .files-grid-loading .loading-item {
+  height: 160px;
+  border-radius: 8px;
+  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
+  background-size: 200% 100%;
+  animation: loading 1.5s infinite;
+}
+
+@keyframes loading {
+  0% {
+    background-position: 200% 0;
+  }
+  100% {
+    background-position: -200% 0;
+  }
+}
+.em-filemanager .files-grid-empty {
+  grid-column: 1/-1;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  min-height: 200px;
+  color: #8c8c8c;
+}
+.em-filemanager .files-grid-empty .empty-icon {
+  font-size: 48px;
+  margin-bottom: 16px;
+  opacity: 0.5;
+}
+.em-filemanager .files-grid-empty .empty-text {
+  font-size: 16px;
+  font-weight: 500;
+}
+.em-filemanager .files-grid-empty .empty-description {
+  font-size: 14px;
+  margin-top: 8px;
+  opacity: 0.8;
+}
+@keyframes pulse {
+  from {
+    box-shadow: 0 0 4px rgba(24, 144, 255, 0.6);
+  }
+  to {
+    box-shadow: 0 0 12px rgba(24, 144, 255, 0.8);
+  }
+}
+/* ===== CSS VARIABLES ===== */
+:root {
+  /* ===== COLORS ===== */
+
+  /* Primary Colors */
+  --fm-primary: #1890ff;
+  --fm-primary-hover: #40a9ff;
+  --fm-primary-active: #096dd9;
+  --fm-primary-light: #e6f7ff;
+
+  /* Secondary Colors */
+  --fm-secondary: #1677ff;
+  --fm-secondary-hover: #4096ff;
+  --fm-secondary-active: #0958d9;
+
+  /* Success Colors */
+  --fm-success: #52c41a;
+  --fm-success-hover: #73d13d;
+  --fm-success-light: #f6ffed;
+
+  /* Warning Colors */
+  --fm-warning: #faad14;
+  --fm-warning-hover: #ffc53d;
+  --fm-warning-light: #fffbe6;
+
+  /* Error Colors */
+  --fm-error: #ff4d4f;
+  --fm-error-hover: #ff7875;
+  --fm-error-light: #fff2f0;
+
+  /* Info Colors */
+  --fm-info: #13c2c2;
+  --fm-info-hover: #36cfc9;
+  --fm-info-light: #e6fffb;
+
+  /* Neutral Colors */
+  --fm-text-primary: #262626;
+  --fm-text-secondary: #595959;
+  --fm-text-tertiary: #8c8c8c;
+  --fm-text-quaternary: #bfbfbf;
+
+  /* Background Colors */
+  --fm-bg-primary: #ffffff;
+  --fm-bg-secondary: #fafafa;
+  --fm-bg-tertiary: #f5f5f5;
+  --fm-bg-quaternary: #f0f0f0;
+
+  /* Border Colors */
+  --fm-border-primary: #d9d9d9;
+  --fm-border-secondary: #f0f0f0;
+  --fm-border-tertiary: #e8e8e8;
+
+  /* Special Colors */
+  --fm-blue-light: #4299e1;
+  --fm-purple: #722ed1;
+  --fm-orange: #fa541c;
+  --fm-pink: #eb2f96;
+  --fm-cyan: #13c2c2;
+
+  /* Status Colors */
+  --fm-status-success: #52c41a;
+  --fm-status-warning: #faad14;
+  --fm-status-error: #ff4d4f;
+  --fm-status-info: #1890ff;
+
+  /* ===== BORDER RADIUS ===== */
+  --fm-radius-none: 0;
+  --fm-radius-xs: 1px;
+  --fm-radius-sm: 3px;
+  --fm-radius-md: 4px;
+  --fm-radius-lg: 6px;
+  --fm-radius-xl: 8px;
+  --fm-radius-2xl: 10px;
+  --fm-radius-full: 50%;
+
+  /* ===== SPACING ===== */
+  --fm-spacing-xs: 4px;
+  --fm-spacing-sm: 8px;
+  --fm-spacing-md: 12px;
+  --fm-spacing-lg: 16px;
+  --fm-spacing-xl: 20px;
+  --fm-spacing-2xl: 24px;
+  --fm-spacing-3xl: 32px;
+
+  /* ===== SHADOWS ===== */
+  --fm-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  --fm-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+  --fm-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+  --fm-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+
+  /* ===== TRANSITIONS ===== */
+  --fm-transition-fast: 0.15s ease;
+  --fm-transition-normal: 0.3s ease;
+  --fm-transition-slow: 0.5s ease;
+}
+
+/* ===== DARK THEME ===== */
+.em-filemanager [data-theme='dark'] {
+  /* Primary Colors */
+  --fm-primary: #177ddc;
+  --fm-primary-hover: #1890ff;
+  --fm-primary-active: #0958d9;
+  --fm-primary-light: #111b26;
+
+  /* Secondary Colors */
+  --fm-secondary: #177ddc;
+  --fm-secondary-hover: #1890ff;
+  --fm-secondary-active: #0958d9;
+
+  /* Background Colors */
+  --fm-bg-primary: #141414;
+  --fm-bg-secondary: #1f1f1f;
+  --fm-bg-tertiary: #262626;
+  --fm-bg-quaternary: #303030;
+
+  /* Text Colors */
+  --fm-text-primary: #ffffff;
+  --fm-text-secondary: #d9d9d9;
+  --fm-text-tertiary: #a6a6a6;
+  --fm-text-quaternary: #737373;
+
+  /* Border Colors */
+  --fm-border-primary: #434343;
+  --fm-border-secondary: #303030;
+  --fm-border-tertiary: #262626;
+}
+
+/* ===== UTILITY CLASSES ===== */
+.em-filemanager .fm-text-primary {
+  color: var(--fm-text-primary);
+}
+.em-filemanager .fm-text-secondary {
+  color: var(--fm-text-secondary);
+}
+.em-filemanager .fm-text-tertiary {
+  color: var(--fm-text-tertiary);
+}
+.em-filemanager .fm-text-quaternary {
+  color: var(--fm-text-quaternary);
+}
+
+.em-filemanager .fm-bg-primary {
+  background-color: var(--fm-bg-primary);
+}
+.em-filemanager .fm-bg-secondary {
+  background-color: var(--fm-bg-secondary);
+}
+.em-filemanager .fm-bg-tertiary {
+  background-color: var(--fm-bg-tertiary);
+}
+.em-filemanager .fm-bg-quaternary {
+  background-color: var(--fm-bg-quaternary);
+}
+
+.em-filemanager .fm-border-primary {
+  border-color: var(--fm-border-primary);
+}
+.em-filemanager .fm-border-secondary {
+  border-color: var(--fm-border-secondary);
+}
+.em-filemanager .fm-border-tertiary {
+  border-color: var(--fm-border-tertiary);
+}
+
+.em-filemanager .fm-radius-none {
+  border-radius: var(--fm-radius-none);
+}
+.em-filemanager .fm-radius-xs {
+  border-radius: var(--fm-radius-xs);
+}
+.em-filemanager .fm-radius-sm {
+  border-radius: var(--fm-radius-sm);
+}
+.em-filemanager .fm-radius-md {
+  border-radius: var(--fm-radius-md);
+}
+.em-filemanager .fm-radius-lg {
+  border-radius: var(--fm-radius-lg);
+}
+.em-filemanager .fm-radius-xl {
+  border-radius: var(--fm-radius-xl);
+}
+.em-filemanager .fm-radius-2xl {
+  border-radius: var(--fm-radius-2xl);
+}
+.em-filemanager .fm-radius-full {
+  border-radius: var(--fm-radius-full);
+}