:root{--primary: var(--brand-green);--primary-light: #e0e7ff;--secondary: #64748b;--success: #10b981;--danger: #ef4444;--warning: #f59e0b;--background: #f8fafc;--surface: #ffffff;--surface-hover: #F2F2F2;--border: #e2e8f0;--border-hover: #cbd5e1;--text-primary: #4D4D4D;--text-secondary: #404040;--text-muted: #94a3b8;--radius-sm: .375rem;--radius-md: 6px;--radius-lg: .75rem;--radius-xl: 1rem}.cancel-button{background-color:#d6eee5;color:var(--brand-green)!important;border:none}.cancel-button,.delete-confirm-btn{min-width:150px!important;text-align:center!important;justify-content:center!important;display:flex!important;align-items:center!important;padding:10px 20px!important;border-radius:7px;font-size:15px;flex:1;cursor:pointer;font-family:poppins}.reset-btn{background:linear-gradient(135deg,#ff6b6b,#ee5a52);color:#fff;border:none;border-radius:var(--radius-md);padding:10px 12px;font-size:14px;line-height:1.1;font-weight:500;cursor:pointer;display:flex;font-family:poppins;align-items:center;gap:8px;transition:all .2s ease;min-width:auto;white-space:nowrap;box-shadow:0 2px 4px #ef444433}.reset-btn svg{width:16px}.reset-btn:hover{background:linear-gradient(135deg,#ff5252,#e53e3e);box-shadow:0 4px 8px #ef44444d;transform:translateY(-1px)}.reset-btn:active{transform:translateY(0);box-shadow:0 2px 4px #ef444433}.reset-btn i{font-size:12px;font-family:Inter;font-weight:500}.delete-confirm-btn{background:#ef4444;color:#fff;border:none}.media-library{padding:45px;margin:0 auto;min-height:100vh}.mediaPage-main-div{border:1px solid #E9E9E9;border-radius:10px}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:35px}.page-heading{font-weight:600;font-size:24px;color:#262626;margin:0}.header-content .header-subtitle{margin:0;color:var(--text-secondary);font-size:1rem;font-weight:500}.upload-btn{background:var(--brand-green);color:#fff;border:none;padding:10px 12px;border-radius:6px;cursor:pointer;font-family:Inter;font-size:14px;display:flex;align-items:center;gap:.5rem;transition:all .3s ease;min-width:100px;text-align:center;justify-content:center}.modal-overlay .upload-btn{flex:1}.load-more-btn{border:none;padding:10px 18px;border-radius:8px;cursor:pointer;font-weight:600;font-size:14px;display:flex;align-items:center;gap:.5rem;transition:all .3s ease;border:1px solid var(--brand-green);color:var(--brand-green);font-family:poppins;background-color:transparent}.toolbar{display:flex;gap:1.5rem;align-items:center;flex-wrap:wrap;margin-bottom:20px;background:#f2f2f2;border-radius:10px 10px 0 0;padding:20px}.search-section{flex:1;min-width:300px}.search-box{position:relative;display:flex;align-items:center;max-width:400px}.search-icon{position:absolute;left:1rem;color:var(--text-muted);z-index:1;font-size:14px}.search-box .form-input{padding:10px 15px 10px 40px}.form-input{display:flex;align-items:center;align-self:stretch;border-radius:6px;border:1px solid #D9D9D9;background:#fff;color:#0a0a0a;font-family:Poppins;font-size:14px;font-style:normal;font-weight:400;line-height:20px!important}.form-input::placeholder{color:#737373;font-size:14px}.clear-search{position:absolute;right:.5rem;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:.5rem;border-radius:var(--radius-sm);transition:all .2s ease;z-index:2;display:flex;align-items:center;justify-content:center}.clear-search:hover{background:#f3f4f6;color:#0a0a0a}.filter-section{display:flex;align-items:center;gap:1rem}.filter-buttons{display:flex;align-items:center;gap:.5rem}.button-group{display:flex;background:var(--surface-hover);border-radius:var(--radius-md);padding:5px;column-gap:10px}.uploaded-by-filter select{border:1px solid #E9E9E9;padding:10px;border-radius:var(--radius-md)}.filter-btn{background:var(--brand-green);color:#fff;border:none;padding:8px 15px;border-radius:8px;cursor:pointer;font-family:Inter;font-size:16px;display:flex;align-items:center;gap:.5rem;transition:all .3s ease}.button-group button{padding:8px 16px;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:14px;font-weight:500;color:var(--text-secondary);transition:all .2s ease;display:flex;align-items:center;gap:.5rem;min-width:80px;justify-content:center}.button-group button:hover{background:var(--surface)}.button-group button.active{background:#fff;color:#404040}.date-filters{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.date-inputs{display:flex;gap:.5rem}.date-inputs input{padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:14px;background:var(--surface);color:#737373;font-family:Inter;font-weight:500}.date-inputs input:focus{outline:none}.date-separator{color:#595959;font-size:16px;height:fit-content;margin:auto}.apply-filter-btn{background:var(--primary);color:#fff;border:none;padding:.5rem;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease}.apply-filter-btn:hover{background:var(--primary-hover)}.view-toggle{display:flex;background:var(--surface-hover);border-radius:6px;padding:5px}.view-toggle button{background:transparent;border:none;cursor:pointer;color:var(--text-secondary);border-radius:var(--radius-sm);transition:all .2s ease;width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:18px}.view-toggle button.active{background:var(--surface)}.viewBar{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;padding:0 20px}.view-right-div{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.media-list-bar{padding:22px 20px 0}.stats-bar{display:flex;gap:2rem;margin-bottom:15px}.stats-number{font-size:14px;font-weight:500;color:#595959}.stats-label{font-size:.875rem;color:var(--text-secondary);font-weight:500}.stats-item.selected .stats-number{color:var(--success)}.media-container{margin-bottom:50px}.media-container.grid-view{display:grid;grid-template-columns:repeat(auto-fill,minmax(124px,1fr));gap:20px 15px}.media-container.list-view{display:grid;grid-template-columns:repeat(4,1fr);gap:40px 30px}.media-container.list-view .media-item{display:flex;align-items:flex-start;gap:15px}.media-container.list-view .media-thumbnail{min-width:115px;max-width:115px;max-height:90px;flex-shrink:0;border:1px solid #E9E9E9;border-radius:var(--radius-md)}.media-list-bar .media-container.list-view .image-info{position:initial;width:100%}.media-container.list-view .media-thumbnail .thumbnail-img{min-height:90px;max-height:90px}.grid-view .media-item{border:1px solid var(--border);border-radius:var(--radius-md)}.media-container.list-view .media-info{padding:0}.media-thumbnail{position:relative;width:100%;overflow:hidden;background:var(--surface-hover);border-radius:6px 6px 0 0}.media-thumbnail>img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease;max-height:100px;min-height:100px;vertical-align:middle}.media-thumbnail>video,.video-thumb{width:100%;height:100px;object-fit:cover;transition:transform .3s ease;background:#000;display:block;border-radius:inherit}.preview-image .video-thumb{height:100%;max-height:300px;min-height:150px}.file-preview-card .video-thumb{height:130px;width:100%;min-height:130px;object-position:center}.media-item:hover .media-thumbnail>img,.media-item:hover .media-thumbnail>video{transform:scale(1.05)}.file-icon{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;background:linear-gradient(135deg,var(--surface-hover),var(--border));color:var(--text-muted);gap:.5rem}.file-icon i{font-size:3rem}.file-icon span{font-size:.875rem;font-weight:600}.video-icon{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.image-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#d3d3d380;opacity:0;transition:opacity .3s ease;padding:10px;display:flex;justify-content:space-between;flex-direction:column}.image-info{display:flex;column-gap:10px;position:absolute;bottom:10px;width:100%;max-width:calc(100% - 20px);left:10px}.list-view .image-info{column-gap:20px}.grid-view .image-info{justify-content:space-between}.media-item:hover .image-overlay{opacity:1}.overlay-actions{display:flex;gap:.5rem;justify-content:flex-end}.action-btn{background:#8f8f8f7a;border-radius:4px;cursor:pointer;transition:all .2s ease;width:26px;height:26px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.24);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.list-view .action-btn{width:25px;height:25px}.list-view .action-btn img,.action-btn img{max-width:15px}.selection-indicator{position:absolute;top:7px;left:7px;color:var(--brand-green);font-size:1.5rem;background:var(--surface);border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md)}.selection-indicator i{font-size:17px}.list-view .selection-indicator{top:10px;width:25px;height:25px;font-size:16px;left:10px}.media-info{flex:1}.media-title{font-weight:500!important;margin:0;color:var(--text-primary);font-size:11px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.grid-view .media-item .media-info .media-title{padding:10px;gap:10px;border-radius:0 0 6px 6px;background:#fff;color:#4d4d4d;font-family:Inter;font-weight:400;line-height:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-meta{display:flex;align-items:center;gap:1rem}.list-view .media-size,.list-view .media-type{color:#4d4d4d}.list-view .media-size{min-width:50px}.grid-view .media-size{padding:2px 5px}.grid-view .media-size,.grid-view .media-type{background-color:#fff;color:var(--text-secondary)}.list-view .media-title{margin-bottom:10px;word-break:break-all}.media-size,.media-type{border-radius:4px;font-size:11px;display:flex;align-items:center;font-weight:500;color:var(--text-muted)}.media-type{cursor:pointer}.loading-state{text-align:center;padding:4rem;color:var(--text-secondary)}.loading-spinner{margin-bottom:1rem}.loading-spinner i{font-size:2rem;color:var(--brand-green)}.quick-action-main{margin-bottom:30px;display:flex;justify-content:center}.quick-action-main>:first-child:not(:last-child){margin-right:auto}.quick-action-main>:last-child:not(:first-child){margin-left:auto}.load-more-btn{margin:auto}.load-more-btn:disabled{opacity:.6;cursor:not-allowed}.quick-actions{text-align:center}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal{background:var(--surface);border-radius:var(--radius-xl);width:100%;overflow:hidden;box-shadow:var(--shadow-xl);border:1px solid var(--border);margin:auto;position:relative;display:flex;flex-direction:column;max-height:calc(100vh - 2rem);overflow:auto}.delete-confirm-modal{max-width:400px}.edit-modal{max-width:560px}.upload-media{max-width:900px}.modal-header{padding:20px}.modal-title{text-align:center}.modal-title h2{margin:0;font-weight:700;font-size:1.5rem;color:#262626}.modal-selects-row{margin-top:20px}.modal-selects-row:empty{display:none}.modal-selects-edit{margin-top:20px}.custom-select{position:relative;display:flex;align-items:center;gap:10px}.custom-select select{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:100%;padding:8px 32px 8px 12px;border:1px solid #ccc;border-radius:6px;background-color:#fff;font-size:14px;cursor:pointer;position:relative}.custom-select select:focus{outline:none}.custom-select-inner-div{position:relative}.custom-select-inner-div:after{content:"";background-image:url(../../../down-arrow.svg);position:absolute;right:10px;top:0;bottom:0;margin:auto;pointer-events:none;color:#555;height:10px;width:10px;background-repeat:no-repeat;background-position:center}.custom-select option{padding:8px;background:#fff;color:#333}.custom-select option:hover{background:pink}.close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-muted);transition:all .2s ease;position:absolute;right:15px;top:15px;z-index:10;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%}.close-btn:hover{background:var(--surface);color:var(--text-secondary)}.delete-confirm-modal .modal-body{padding:20px 20px 0;flex:1}.edit-modal .modal-body{padding:0}.modal-footer{display:flex;justify-content:center;gap:1rem;margin-top:20px;padding:0 20px}.delete-confirm-modal .modal-footer{padding:0 20px 20px}.modal.edit-modal{padding:40px}.mediaPage-main-div .modal.edit-modal{padding:40px 20px!important}.modal-footer .upload-btn{min-width:150px;justify-content:center}.modal-footer .upload-btn:disabled{opacity:.6;cursor:not-allowed}.drop-zone{border:2px dashed #D9D9D9;border-radius:var(--radius-md);padding:40px;text-align:center;position:relative;transition:all .3s ease;background:var(--surface-hover);min-height:200px;display:flex;justify-content:center;align-items:center}.drop-zone.compact .drop-zone-content h3{font-size:1rem;margin-bottom:.25rem}.drop-zone.dragover{border-color:var(--primary);background:var(--primary-light);transform:scale(1.02)}.image-upload-img{height:42px;width:42px;background-color:#fff;display:flex;align-items:center;justify-content:center;border-radius:5px;margin:0 auto 20px}.file-upload-heading{margin-bottom:10px;font-size:18px;font-weight:600;color:#999}.supported-formats{font-size:.875rem;color:#999;display:inline-block}.file-input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.upload-progress{margin:2rem 0}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.progress-header span:first-child{font-weight:600;color:var(--text-primary)}.progress-percentage{font-weight:700;color:var(--primary)}.progress-bar{width:100%;height:.75rem;background:var(--surface-hover);border-radius:var(--radius-lg);overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--success));transition:width .3s ease;border-radius:var(--radius-lg)}.file-preview-card{display:flex;gap:40px 20px;margin-top:20px}.multiple-previews{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-top:30px;padding-bottom:15px}.multiple-previews .file-preview-card{margin-bottom:0}.preview-image{flex-shrink:0;position:relative;width:120px;min-height:80px;border-radius:var(--radius-md);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;padding:5px}.preview-image img{max-width:100%;height:auto}.image-actions{position:absolute;top:.5rem;right:.5rem;display:flex;gap:.5rem;opacity:0;transition:opacity .3s ease}.file-preview-card:hover .image-actions{opacity:1}.replace-btn{background:var(--primary);color:#fff}.replace-upload-section{margin:2rem 0;padding:1.5rem;background:var(--surface-hover);border-radius:var(--radius-lg);border:1px solid var(--border)}.replace-upload-section h4{margin:0 0 1rem;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.replace-upload-section h4 i{color:var(--primary)}.replace-drop-zone{margin-bottom:1rem}.replace-actions{display:flex;justify-content:flex-end;gap:1rem}.file-info h4{margin-bottom:10px;font-size:14px;font-weight:600;color:#262626;margin-top:0;word-break:break-all}.file-details-grid{gap:.75rem}.detail-item{display:flex;gap:.25rem;justify-content:space-between;margin-bottom:5px}.file-info{flex:1}.detail-item .label{font-size:12px;font-weight:400;color:#666}.detail-item .value{font-size:12px;color:#666;font-weight:400}.metadata-form h3{margin:0 0 15px;font-size:16px;font-weight:600;color:#595959}.metadata-form h3 i{color:var(--primary)}.metadata-form .form-grid .form-group{margin-bottom:0!important}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.form-group.full-width{grid-column:1 / -1}.form-group label{font-size:13px;font-weight:600;color:#333;padding-bottom:7px;display:block}.form-group input,.form-group textarea{padding:13px 12px;box-sizing:border-box;font-family:Inter;vertical-align:middle;font-size:13px}.url-field input{padding-right:32px}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary)}.form-group input[readonly]{background:var(--surface-hover);color:var(--text-muted)}.url-field{display:flex;gap:.5rem;align-items:center;position:relative}.copy-btn{border:none;font-size:18px;background:transparent;color:var(--text-secondary);cursor:pointer;position:absolute;right:0}.form-group small{font-size:12px;color:#333}.btn-secondary{background:var(--surface-hover);color:var(--text-secondary);border:1px solid var(--border)}.delete-message{text-align:center}.delete-message h3{padding-bottom:8px}.delete-message p:last-child{padding-top:20px}.delete-message p{color:#333;font-weight:500;word-break:break-word}@media screen and (max-width:1450px)and (min-width:992px){.media-library{padding:30px}.media-container.list-view{grid-template-columns:repeat(3,1fr);gap:30px 20px}}@media screen and (max-width:1200px)and (min-width:992px){.media-container.list-view{grid-template-columns:repeat(2,1fr)}.toolbar{gap:15px;padding:15px 10px}.search-section{min-width:200px}.media-container.list-view .media-item{gap:10px}.modal-selects-row{flex-wrap:wrap;gap:1rem}}@media(max-width:991px)and (min-width:768px){.media-container.list-view{grid-template-columns:repeat(1,1fr)}}@media(max-width:1500px){.mediaPage-main-div .modal.edit-modal{padding:30px 20px!important}}@media(max-width:768px){.media-library{padding:1rem}.header{flex-direction:column;gap:1rem;text-align:center}.toolbar{flex-direction:column;align-items:stretch;gap:1rem}.search-section{min-width:auto}.filter-section{justify-content:center}.stats-bar{justify-content:center;flex-wrap:wrap}.media-container.grid-view{gap:1rem}.file-details-grid,.form-grid{grid-template-columns:1fr}.modal{width:calc(100vw - 2rem);max-width:none;margin:1rem;max-height:calc(100vh - 2rem)}.modal-body,.modal-footer{padding:1rem}.modal.edit-modal{padding:40px 20px}.modal-selects-row{flex-wrap:wrap;gap:1rem}.drop-zone{padding:2rem 1rem}.drop-zone-content h3{font-size:1rem}.button-group{column-gap:0px}.custom-select label{font-size:14px}.media-container.list-view{grid-template-columns:repeat(2,1fr)}.modal-footer{flex-wrap:wrap}}@media(max-width:575px){.media-container.list-view{grid-template-columns:repeat(1,1fr)}}@media screen and (max-width:400px){.date-inputs input{padding:8px 7px;font-size:12px}.search-box .form-input{padding:10px 12px 10px 39px}.upload-btn,.reset-btn{padding:10px 14px}.date-inputs{gap:5px}.date-separator{font-size:13px}.toolbar{padding:20px 10px}.button-group button{padding:8px 13px}.custom-select label{font-size:12px;white-space:nowrap}.custom-select{flex-direction:column;align-items:flex-start;gap:1rem;width:100%}.button-group{flex-wrap:wrap;gap:6px}.file-preview-card{flex-direction:column;text-align:center}}.company-library-row{margin:0 24px 8px}