.image-management-container{max-width:1400px;padding:var(--spacing-xl);background-color:var(--background-color);min-height:100vh;margin:0 auto}.image-management-header{margin-bottom:var(--spacing-2xl);justify-content:space-between;align-items:center;gap:var(--spacing-lg);flex-wrap:wrap;display:flex}.image-management-header .back-btn{text-decoration:none;display:inline-block}.image-management-header h1{color:var(--text-primary);margin:0;font-size:2rem}.upload-btn{background:var(--primary-color);color:#fff;padding:var(--spacing-md)var(--spacing-xl);border-radius:var(--radius-sm);cursor:pointer;transition:opacity var(--transition-normal);border:none;font-size:1rem;font-weight:600}.upload-btn:hover{opacity:.9}.upload-section{background:var(--card-bg);border-radius:var(--radius-lg);padding:var(--spacing-xl);margin-bottom:var(--spacing-2xl);box-shadow:var(--shadow-md)}.upload-form h3{color:var(--text-primary);margin-bottom:var(--spacing-lg)}.upload-form input[type=file]{width:100%;padding:var(--spacing-md);border:2px dashed var(--border-color);border-radius:var(--radius-md);background:var(--background-color);color:var(--text-primary);cursor:pointer;margin-bottom:var(--spacing-lg)}.upload-form input[type=file]:hover{border-color:var(--primary-color)}.upload-options{gap:var(--spacing-md);margin-top:var(--spacing-lg);flex-direction:column;display:flex}.upload-options label{color:var(--text-primary);align-items:center;gap:var(--spacing-sm);font-weight:500;display:flex}.upload-options input[type=checkbox]{cursor:pointer;width:18px;height:18px}.upload-options select,.upload-options input[type=text]{margin-left:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--input-bg);color:var(--text-primary)}.upload-error{border:1px solid var(--color-error);color:var(--color-error);padding:var(--spacing-md);border-radius:var(--radius-sm);margin-top:var(--spacing-md);background:#dc35451a}.upload-progress{align-items:center;gap:var(--spacing-md);margin-top:var(--spacing-lg);flex-direction:column;display:flex}.image-grid-container{min-height:400px}.images-grid{gap:var(--spacing-xl);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}@media (max-width:768px){.images-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}.image-card{background:var(--card-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:transform var(--transition-normal),box-shadow var(--transition-normal);position:relative;overflow:hidden}.image-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.cover-badge{top:var(--spacing-sm);left:var(--spacing-sm);background:var(--primary-color);color:#fff;padding:var(--spacing-xs)var(--spacing-md);border-radius:var(--radius-sm);z-index:10;box-shadow:var(--shadow-md);font-size:.85rem;font-weight:600;position:absolute}.image-preview{background:var(--background-color);cursor:pointer;width:100%;height:250px;position:relative;overflow:hidden}.image-preview img{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-normal)}.image-card:hover .image-preview img{transform:scale(1.05)}.image-error,.image-loading{width:100%;height:100%;color:var(--text-secondary);justify-content:center;align-items:center;display:flex}.image-info{padding:var(--spacing-md)}.image-filename{color:var(--text-primary);margin:0 0 var(--spacing-xs)0;white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.image-details{color:var(--text-secondary);margin:0;font-size:.85rem}.image-actions{gap:var(--spacing-sm);padding:0 var(--spacing-md)var(--spacing-md);display:flex}.btn-set-cover,.btn-delete{padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--radius-sm);cursor:pointer;transition:opacity var(--transition-normal);border:none;flex:1;font-size:.9rem;font-weight:600}.btn-set-cover{background:var(--primary-color);color:#fff}.btn-delete{background:var(--color-error);color:#fff}.btn-set-cover:hover,.btn-delete:hover{opacity:.9}.btn-set-cover:disabled,.btn-delete:disabled{opacity:.5;cursor:not-allowed}.image-modal{z-index:1000;cursor:pointer;padding:var(--spacing-xl);background:#000000e6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{cursor:default;max-width:90vw;max-height:90vh}.modal-content img{object-fit:contain;border-radius:var(--radius-md);max-width:100%;max-height:90vh}.empty-state,.error-state,.loading-state{text-align:center;padding:var(--spacing-2xl);flex-direction:column;justify-content:center;align-items:center;min-height:400px;display:flex}.empty-state p{color:var(--text-secondary);margin:var(--spacing-md)0;font-size:1.2rem}.empty-subtitle{color:var(--text-tertiary)!important;font-size:1rem!important}.error-state{color:var(--color-error)}.error-state button{margin-top:var(--spacing-lg);padding:var(--spacing-md)var(--spacing-xl);background:var(--primary-color);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;font-size:1rem;font-weight:600}.loading-spinner-small{border:3px solid var(--border-color);border-top:3px solid var(--primary-color);border-radius:50%;width:30px;height:30px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}