:root{--strapi-primary: #4945ff;--strapi-primary-dark: #3b37d9;--strapi-secondary: #7b79ff;--strapi-success: #328048;--strapi-danger: #d02b20;--strapi-warning: #d69e2e;--strapi-neutral: #8e8ea9;--strapi-neutral-light: #f6f6f9;--strapi-neutral-medium: #eaeaef;--strapi-neutral-dark: #32324d;--strapi-text-primary: #32324d;--strapi-text-secondary: #666687;--strapi-border: #dcdce4;--strapi-shadow: 0 2px 4px rgba(33, 33, 52, .1);--strapi-shadow-lg: 0 4px 12px rgba(33, 33, 52, .15)}.advanced-gallery-manager{padding:0;background:var(--strapi-neutral-light);min-height:100vh}.gallery-header-strapi{background:#fff;border-bottom:1px solid var(--strapi-border);padding:24px 32px;box-shadow:var(--strapi-shadow)}.gallery-header-content{display:flex;justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto}.gallery-header-strapi h1{margin:0 0 4px;font-size:1.75rem;font-weight:600;color:var(--strapi-text-primary);display:flex;align-items:center;gap:12px}.gallery-header-strapi p{margin:0;color:var(--strapi-text-secondary);font-size:.875rem}.gallery-toolbar-strapi{background:#fff;border-bottom:1px solid var(--strapi-border);padding:16px 32px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.toolbar-left{display:flex;align-items:center;gap:16px;flex:1}.category-filter-strapi{display:flex;gap:8px;flex-wrap:wrap}.category-btn{background:#fff;border:1px solid var(--strapi-border);padding:8px 16px;border-radius:4px;cursor:pointer;font-size:.875rem;font-weight:500;color:var(--strapi-text-secondary);transition:all .2s;display:flex;align-items:center;gap:8px;border-left:3px solid transparent}.category-btn:hover{background:var(--strapi-neutral-light);border-color:var(--strapi-primary);color:var(--strapi-primary)}.category-btn.active{background:var(--strapi-primary);color:#fff;border-color:var(--strapi-primary)}.category-btn.category-btn-add{border-left-color:var(--strapi-success);color:var(--strapi-success)}.category-btn.category-btn-add:hover{background:var(--strapi-success);color:#fff}.category-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.toolbar-right{display:flex;align-items:center;gap:12px}.search-box-strapi{position:relative;display:flex;align-items:center}.search-box-strapi i{position:absolute;left:12px;color:var(--strapi-neutral)}.search-box-strapi input{padding:8px 12px 8px 36px;border:1px solid var(--strapi-border);border-radius:4px;font-size:.875rem;width:250px;transition:all .2s}.search-box-strapi input:focus{outline:none;border-color:var(--strapi-primary);box-shadow:0 0 0 3px #4945ff1a}.select-strapi{padding:8px 12px;border:1px solid var(--strapi-border);border-radius:4px;font-size:.875rem;background:#fff;cursor:pointer;transition:all .2s}.select-strapi:focus{outline:none;border-color:var(--strapi-primary);box-shadow:0 0 0 3px #4945ff1a}.btn-strapi-icon{background:#fff;border:1px solid var(--strapi-border);padding:8px 12px;border-radius:4px;cursor:pointer;color:var(--strapi-text-secondary);transition:all .2s;display:flex;align-items:center;justify-content:center}.btn-strapi-icon:hover{background:var(--strapi-neutral-light);border-color:var(--strapi-primary);color:var(--strapi-primary)}.btn-strapi-icon.active{background:var(--strapi-primary);color:#fff;border-color:var(--strapi-primary)}.view-mode-toggle-strapi{display:flex;gap:4px;background:var(--strapi-neutral-light);padding:4px;border-radius:4px;border:1px solid var(--strapi-border)}.view-btn{padding:6px 10px;background:transparent;border:none;cursor:pointer;border-radius:3px;color:var(--strapi-text-secondary);transition:all .2s}.view-btn:hover{background:#fff;color:var(--strapi-primary)}.view-btn.active{background:#fff;color:var(--strapi-primary);box-shadow:var(--strapi-shadow)}.bulk-actions-bar-strapi{background:var(--strapi-primary);color:#fff;padding:12px 32px;display:flex;justify-content:space-between;align-items:center;box-shadow:var(--strapi-shadow)}.bulk-info{display:flex;align-items:center;gap:8px;font-weight:500}.bulk-actions{display:flex;gap:12px;align-items:center}.bulk-actions .select-strapi{background:#fff3;border-color:#ffffff4d;color:#fff}.bulk-actions .select-strapi option{background:#fff;color:var(--strapi-text-primary)}.gallery-content-strapi{padding:24px 32px;max-width:1400px;margin:0 auto}.gallery-grid-strapi{display:grid;gap:16px}.gallery-grid-strapi.grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.gallery-grid-strapi.masonry{-moz-column-count:4;column-count:4;-moz-column-gap:16px;column-gap:16px}.gallery-grid-strapi.masonry .gallery-item-strapi{-moz-column-break-inside:avoid;break-inside:avoid;margin-bottom:16px}.gallery-grid-strapi.list{grid-template-columns:1fr}.gallery-item-strapi{background:#fff;border:1px solid var(--strapi-border);border-radius:8px;overflow:hidden;transition:all .2s;position:relative;cursor:pointer}.gallery-item-strapi:hover{box-shadow:var(--strapi-shadow-lg);transform:translateY(-2px)}.gallery-item-strapi.selected{border-color:var(--strapi-primary);box-shadow:0 0 0 3px #4945ff33}.gallery-item-strapi.dragging{opacity:.5}.gallery-item-checkbox{position:absolute;top:8px;left:8px;z-index:10;background:#fff;border-radius:4px;padding:4px;box-shadow:var(--strapi-shadow)}.gallery-item-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--strapi-primary)}.gallery-item-image{position:relative;width:100%;padding-top:100%;background:var(--strapi-neutral-light);overflow:hidden}.gallery-item-image img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s}.gallery-item-strapi:hover .gallery-item-image img{transform:scale(1.1)}.gallery-item-overlay-strapi{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;gap:8px;opacity:0;transition:opacity .2s}.gallery-item-strapi:hover .gallery-item-overlay-strapi{opacity:1}.btn-overlay-strapi{background:#fff;border:none;padding:8px 12px;border-radius:4px;cursor:pointer;color:var(--strapi-text-primary);transition:all .2s;font-size:.875rem}.btn-overlay-strapi:hover{background:var(--strapi-primary);color:#fff;transform:scale(1.1)}.btn-overlay-strapi.btn-danger:hover{background:var(--strapi-danger)}.gallery-item-category-badge{position:absolute;bottom:8px;left:8px;background:#000000b3;color:#fff;padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:500}.gallery-item-info-strapi{padding:12px}.gallery-item-name-strapi{margin:0 0 4px;font-size:.875rem;font-weight:500;color:var(--strapi-text-primary);word-break:break-word}.gallery-item-meta-strapi{display:flex;gap:8px;font-size:.75rem;color:var(--strapi-text-secondary)}.empty-gallery-strapi{text-align:center;padding:80px 20px;background:#fff;border-radius:8px;border:2px dashed var(--strapi-border)}.empty-icon-strapi{width:80px;height:80px;background:var(--strapi-neutral-light);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;font-size:2rem;color:var(--strapi-neutral)}.empty-gallery-strapi h3{margin:0 0 8px;font-size:1.25rem;color:var(--strapi-text-primary);font-weight:600}.empty-gallery-strapi p{margin:0 0 24px;color:var(--strapi-text-secondary)}.btn-strapi-primary{background:var(--strapi-primary);color:#fff;border:none;padding:10px 20px;border-radius:4px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.btn-strapi-primary:hover:not(:disabled){background:var(--strapi-primary-dark);transform:translateY(-1px);box-shadow:var(--strapi-shadow-lg)}.btn-strapi-primary:disabled{opacity:.6;cursor:not-allowed}.btn-strapi-secondary{background:#fff;color:var(--strapi-text-primary);border:1px solid var(--strapi-border);padding:10px 20px;border-radius:4px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.btn-strapi-secondary:hover{background:var(--strapi-neutral-light);border-color:var(--strapi-primary);color:var(--strapi-primary)}.btn-strapi-danger{background:var(--strapi-danger);color:#fff;border:none;padding:10px 20px;border-radius:4px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.btn-strapi-danger:hover{background:#b02a20;transform:translateY(-1px);box-shadow:var(--strapi-shadow-lg)}.modal-overlay-strapi{position:fixed;top:0;left:0;right:0;bottom:0;background:#21213499;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.modal-content-strapi{background:#fff;border-radius:8px;max-width:600px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 8px 32px #21213433}.modal-header-strapi{padding:20px 24px;border-bottom:1px solid var(--strapi-border);display:flex;justify-content:space-between;align-items:center}.modal-header-strapi h3{margin:0;font-size:1.25rem;font-weight:600;color:var(--strapi-text-primary)}.btn-close-strapi{background:transparent;border:none;color:var(--strapi-text-secondary);cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s;font-size:1.25rem}.btn-close-strapi:hover{background:var(--strapi-neutral-light);color:var(--strapi-text-primary)}.modal-body-strapi{padding:24px;overflow-y:auto;flex:1}.modal-footer-strapi{padding:16px 24px;border-top:1px solid var(--strapi-border);display:flex;gap:12px;justify-content:flex-end;background:var(--strapi-neutral-light)}.gallery-preview-modal{max-width:900px}.preview-image-container{text-align:center;margin-bottom:24px;background:var(--strapi-neutral-light);border-radius:8px;padding:20px}.preview-image-container img{max-width:100%;max-height:500px;border-radius:8px;box-shadow:var(--strapi-shadow-lg)}.preview-info-strapi{display:flex;flex-direction:column;gap:12px}.info-row-strapi{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--strapi-border)}.info-row-strapi:last-child{border-bottom:none}.info-label{font-weight:600;color:var(--strapi-text-primary)}.info-value{color:var(--strapi-text-secondary)}.edit-preview{text-align:center;margin-bottom:24px;background:var(--strapi-neutral-light);border-radius:8px;padding:20px}.edit-preview img{max-width:100%;max-height:300px;border-radius:8px}.form-group-strapi{margin-bottom:20px}.form-group-strapi label{display:block;margin-bottom:8px;font-weight:600;color:var(--strapi-text-primary);font-size:.875rem}.input-strapi,.textarea-strapi{width:100%;padding:10px 12px;border:1px solid var(--strapi-border);border-radius:4px;font-size:.875rem;font-family:inherit;transition:all .2s;box-sizing:border-box}.input-strapi:focus,.textarea-strapi:focus{outline:none;border-color:var(--strapi-primary);box-shadow:0 0 0 3px #4945ff1a}.textarea-strapi{resize:vertical;min-height:100px}.input-color-strapi{width:60px;height:40px;border:1px solid var(--strapi-border);border-radius:4px;cursor:pointer}.checkbox-label-strapi{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:400}.checkbox-label-strapi input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--strapi-primary)}.form-hint-strapi{margin-top:4px;font-size:.75rem;color:var(--strapi-text-secondary)}.advanced-site-manager{padding:0;background:var(--strapi-neutral-light);min-height:100vh}.site-manager-header-strapi{background:#fff;border-bottom:1px solid var(--strapi-border);padding:24px 32px;box-shadow:var(--strapi-shadow)}.site-manager-header-content{max-width:1400px;margin:0 auto}.site-manager-header-strapi h1{margin:0 0 4px;font-size:1.75rem;font-weight:600;color:var(--strapi-text-primary);display:flex;align-items:center;gap:12px}.site-manager-header-strapi p{margin:0;color:var(--strapi-text-secondary);font-size:.875rem}.site-manager-tabs-strapi{background:#fff;border-bottom:1px solid var(--strapi-border);display:flex;gap:0;padding:0 32px;overflow-x:auto}.tab-strapi{background:transparent;border:none;padding:16px 24px;cursor:pointer;font-size:.875rem;font-weight:500;color:var(--strapi-text-secondary);border-bottom:2px solid transparent;transition:all .2s;display:flex;align-items:center;gap:8px;white-space:nowrap}.tab-strapi:hover{background:var(--strapi-neutral-light);color:var(--strapi-primary)}.tab-strapi.active{color:var(--strapi-primary);border-bottom-color:var(--strapi-primary);background:var(--strapi-neutral-light)}.site-manager-content-strapi{padding:32px;max-width:1400px;margin:0 auto}.overview-section-strapi{background:#fff;border-radius:8px;padding:24px}.stats-grid-strapi{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}.stat-card-strapi{background:#fff;border:1px solid var(--strapi-border);border-radius:8px;padding:20px;display:flex;align-items:center;gap:16px;transition:all .2s}.stat-card-strapi:hover{box-shadow:var(--strapi-shadow-lg);transform:translateY(-2px)}.stat-icon-strapi{width:56px;height:56px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;flex-shrink:0}.stat-content-strapi{flex:1}.stat-content-strapi h3{margin:0 0 4px;font-size:.875rem;font-weight:600;color:var(--strapi-text-secondary)}.stat-value{font-size:1.5rem;font-weight:700;color:var(--strapi-text-primary);margin:0}.settings-section-strapi{display:flex;flex-direction:column;gap:24px}.settings-card-strapi{background:#fff;border:1px solid var(--strapi-border);border-radius:8px;padding:24px}.settings-card-strapi h3{margin:0 0 20px;font-size:1.125rem;font-weight:600;color:var(--strapi-text-primary)}.security-section-strapi,.backup-section-strapi,.maintenance-section-strapi,.analytics-section-strapi{background:#fff;border-radius:8px;padding:24px}.security-item-strapi{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid var(--strapi-border)}.security-item-strapi:last-child{border-bottom:none}.security-info-strapi h4{margin:0 0 4px;font-size:.875rem;font-weight:600;color:var(--strapi-text-primary)}.security-info-strapi p{margin:0;font-size:.75rem;color:var(--strapi-text-secondary)}.status-badge-strapi{padding:4px 12px;border-radius:12px;font-size:.75rem;font-weight:600}.status-badge-strapi.status-active{background:#d4f1d4;color:var(--strapi-success)}.backup-info-strapi{margin-bottom:20px;padding:12px;background:var(--strapi-neutral-light);border-radius:4px}.backup-actions-strapi{display:flex;gap:12px;margin-top:20px}.maintenance-actions-strapi{margin-top:20px}.analytics-placeholder-strapi{text-align:center;padding:60px 20px;color:var(--strapi-text-secondary)}.analytics-placeholder-strapi i{font-size:3rem;margin-bottom:16px;color:var(--strapi-neutral);display:block}@media (max-width: 768px){.gallery-header-content,.site-manager-header-content{flex-direction:column;align-items:flex-start;gap:16px}.gallery-toolbar-strapi{flex-direction:column;align-items:stretch}.toolbar-left,.toolbar-right,.search-box-strapi input{width:100%}.gallery-grid-strapi.grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.gallery-grid-strapi.masonry{-moz-column-count:2;column-count:2}.stats-grid-strapi{grid-template-columns:1fr}}