.create-album-dialog{z-index:1300}.create-album-dialog .MuiDialog-paper{border-radius:12px;box-shadow:0 8px 32px #0000001f}.create-album-dialog-title{padding:24px 24px 16px;border-bottom:1px solid #e0e0e0}.create-album-dialog-header{display:flex;align-items:center;justify-content:space-between}.create-album-dialog-title-text{font-weight:600;color:#1976d2;display:flex;align-items:center;gap:8px}.create-album-dialog-content{padding:24px;padding-top:30px!important}.create-album-form{display:flex;flex-direction:column;gap:16px}.create-album-name-input{margin-bottom:8px}.create-album-name-input .MuiOutlinedInput-root{border-radius:8px}.create-album-name-input .MuiInputLabel-root{font-weight:500}.create-album-hint{color:#666;font-style:italic;margin-top:4px}.create-album-dialog-actions{padding:16px 24px 24px;gap:12px;justify-content:flex-end}.create-album-cancel-btn{min-width:100px;border-radius:8px;text-transform:none;font-weight:500}.create-album-create-btn{min-width:140px;border-radius:8px;text-transform:none;font-weight:500;background-color:#1976d2}.create-album-create-btn:hover{background-color:#1565c0}.create-album-create-btn:disabled{background-color:#e0e0e0;color:#9e9e9e}.loading-spinner{width:16px;height:16px;border:2px solid #ffffff;border-top:2px solid transparent;border-radius:50%;animation:spin 1s linear infinite}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.upload-dialog{z-index:1300}.upload-dialog .MuiDialog-paper{border-radius:12px;box-shadow:0 8px 32px #0000001f}.upload-dialog-title{padding:24px 24px 16px;border-bottom:1px solid #e0e0e0}.upload-dialog-content{padding:24px;max-height:70vh;overflow-y:auto}.upload-section{display:flex;flex-direction:column;align-items:center;gap:16px;padding:32px;border:2px dashed #e0e0e0;border-radius:12px;background-color:#fafafa;margin-bottom:24px}.upload-file-button{min-width:200px;height:48px;border-radius:8px;text-transform:none;font-weight:500;font-size:16px}.upload-hint{color:#666;text-align:center;font-style:italic}.selected-files-section{margin-bottom:24px}.selected-files-title{font-weight:600;color:#1976d2;margin-bottom:16px}.selected-files-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;max-height:300px;overflow-y:auto}.selected-file-item{display:flex;flex-direction:column;align-items:center;padding:12px;border:1px solid #e0e0e0;border-radius:8px;background-color:#fff;position:relative}.file-preview{width:100%;height:120px;object-fit:cover;border-radius:6px;margin-bottom:8px}.file-info{width:100%;text-align:center}.file-name{font-weight:500;color:#333;word-break:break-word;margin-bottom:4px}.file-size{color:#666}.remove-file-btn{position:absolute;top:8px;right:8px;background-color:#f443361a;color:#f44336;width:24px;height:24px}.remove-file-btn:hover{background-color:#f4433633}.upload-progress-section{margin-bottom:24px}.upload-progress-text{font-weight:500;color:#1976d2;margin-bottom:8px;text-align:center}.upload-progress-bar{width:100%;height:8px;background-color:#e0e0e0;border-radius:4px;overflow:hidden}.upload-progress-fill{height:100%;background-color:#1976d2;transition:width .3s ease;border-radius:4px}.upload-error-section{margin-bottom:24px;padding:12px;background-color:#ffebee;border:1px solid #f44336;border-radius:8px}.upload-error-text{color:#f44336;font-weight:500;text-align:center}.upload-dialog-actions{padding:16px 24px 24px;gap:12px;justify-content:flex-end}.cancel-upload-btn{min-width:100px;border-radius:8px;text-transform:none;font-weight:500}.confirm-upload-btn{min-width:180px;border-radius:8px;text-transform:none;font-weight:500;background-color:#1976d2}.confirm-upload-btn:hover{background-color:#1565c0}.confirm-upload-btn:disabled{background-color:#e0e0e0;color:#9e9e9e}.status-tabs-container{width:100%;margin-bottom:16px;padding:16px;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.selection-actions-container{width:100%;margin-bottom:16px;padding:16px;background-color:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.pending-instructions{margin-top:16px;padding:12px 16px;background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;text-align:center}.pending-instructions-text{color:#856404;font-weight:500;margin:0}.gallery-view-album-status{display:flex;flex-direction:column;gap:4px;margin-top:8px;padding-top:8px;border-top:1px solid #f0f0f0}.gallery-view-status-item{display:flex;align-items:center;gap:6px;padding:2px 0}.gallery-view-status-icon{font-size:14px;width:14px;height:14px}.gallery-view-status-icon.approved{color:#4caf50}.gallery-view-status-icon.pending{color:#ff9800}.gallery-view-status-icon.rejected{color:#f44336}.gallery-view-status-text{font-size:.7rem;font-weight:500;color:#666;line-height:1.2}@media (max-width: 600px){.gallery-view-album-status{gap:3px;margin-top:6px;padding-top:6px}.gallery-view-status-item{gap:4px}.gallery-view-status-icon{font-size:12px;width:12px;height:12px}.gallery-view-status-text{font-size:.65rem}}.image-preview-status{display:flex;gap:16px;margin:12px 0;padding:8px 0;border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0}.image-preview-status-item{display:flex;align-items:center;gap:6px}.image-preview-status-icon{font-size:16px;width:16px;height:16px}.image-preview-status-icon.approved{color:#4caf50}.image-preview-status-icon.pending{color:#ff9800}.image-preview-status-icon.rejected{color:#f44336}.image-preview-status-text{font-size:.875rem;font-weight:500;color:#666}@media (max-width: 600px){.image-preview-status{gap:12px;margin:8px 0;padding:6px 0}.image-preview-status-item{gap:4px}.image-preview-status-icon{font-size:14px;width:14px;height:14px}.image-preview-status-text{font-size:.8rem}}.pending-album-dialog{z-index:1300}.pending-album-dialog .MuiDialog-paper{border-radius:12px;box-shadow:0 8px 32px #0000001f}.pending-album-dialog-title{padding:24px 24px 16px;border-bottom:1px solid #e0e0e0}.pending-album-dialog-header{display:flex;flex-direction:column;gap:4px}.pending-album-dialog-title-text{font-weight:600;color:#1976d2}.pending-album-dialog-subtitle{color:#666;font-weight:500}.pending-album-dialog-content{padding:24px;max-height:70vh;overflow-y:auto}.rejected-images-grid{margin-top:0}.rejected-image-card{border-radius:12px;box-shadow:0 2px 8px #0000001a;transition:all .3s ease;border:1px solid #e0e0e0;overflow:hidden}.rejected-image-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.rejected-image-container{position:relative;height:200px;overflow:hidden}.rejected-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.rejected-image-card:hover .rejected-image{transform:scale(1.05)}.rejected-image-overlay{position:absolute;top:8px;right:8px;opacity:0;transition:opacity .3s ease}.rejected-image-card:hover .rejected-image-overlay{opacity:1}.rejected-image-delete-btn{background-color:#f44336e6;color:#fff;width:32px;height:32px;border-radius:8px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.rejected-image-delete-btn:hover{background-color:#d32f2f;transform:scale(1.1)}.rejected-image-content{padding:12px}.rejected-image-filename{font-weight:600;color:#1a1a1a;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rejected-image-reason{color:#f44336;font-weight:500;display:block;margin-bottom:2px}.rejected-image-date{color:#666;font-size:.7rem}.no-rejected-images{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center}.no-rejected-images-icon{font-size:64px;color:#ccc;margin-bottom:16px}.no-rejected-images-title{color:#666;margin-bottom:8px}.no-rejected-images-subtitle{color:#999}.pending-album-dialog-actions{padding:16px 24px 24px;gap:12px;justify-content:flex-end}.pending-album-close-btn{min-width:100px;border-radius:8px;text-transform:none;font-weight:500}.delete-image-dialog{z-index:1400}.delete-image-dialog .MuiDialog-paper{border-radius:12px;box-shadow:0 8px 32px #0000001f}.delete-image-dialog-title{padding:24px 24px 16px;border-bottom:1px solid #e0e0e0}.delete-image-dialog-title-text{font-weight:600;color:#f44336}.delete-image-dialog-content{padding:24px}.delete-image-dialog-message{color:#666;line-height:1.5}.delete-image-dialog-actions{padding:16px 24px 24px;gap:12px;justify-content:flex-end}.delete-image-cancel-btn{min-width:100px;border-radius:8px;text-transform:none;font-weight:500}.delete-image-confirm-btn{min-width:120px;border-radius:8px;text-transform:none;font-weight:500}.gallery-view-menu-pending-item{color:#ff9800}.gallery-view-menu-pending-item:hover{background-color:#ff98001a}.gallery-view-menu-delete-item{color:#f44336}.gallery-view-menu-delete-item:hover{background-color:#f443361a}.gallery-view-menu-reject-item{color:#f44336}.gallery-view-menu-reject-item:hover{background-color:#f443361a}.gallery-view-menu-approved-item{color:#4caf50}.gallery-view-menu-approved-item:hover{background-color:#4caf501a}.delete-album-dialog{z-index:1400}.delete-album-dialog .MuiDialog-paper{border-radius:12px;box-shadow:0 8px 32px #0000001f}.delete-album-dialog-title{padding:24px 24px 16px;border-bottom:1px solid #e0e0e0}.delete-album-dialog-title-text{font-weight:600;color:#f44336}.delete-album-dialog-content{padding:24px}.delete-album-dialog-message{color:#666;line-height:1.5;margin-bottom:16px}.delete-album-info{background-color:#f8f9fa;border-radius:8px;padding:16px;margin-top:16px}.delete-album-info-item{display:flex;align-items:center;gap:8px;margin-bottom:8px}.delete-album-info-item:last-child{margin-bottom:0}.delete-album-info-icon{font-size:16px;width:16px;height:16px;color:#666}.delete-album-info-icon.approved{color:#4caf50}.delete-album-info-icon.pending{color:#ff9800}.delete-album-info-icon.rejected{color:#f44336}.delete-album-info-text{color:#666;font-weight:500}.delete-album-dialog-actions{padding:16px 24px 24px;gap:12px;justify-content:flex-end}.delete-album-cancel-btn{min-width:100px;border-radius:8px;text-transform:none;font-weight:500}.delete-album-confirm-btn{min-width:120px;border-radius:8px;text-transform:none;font-weight:500}.gallery-management-paper{padding:24px;border:1px solid #e0e0e0;border-radius:8px;background-color:#fff}.gallery-management-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.gallery-management-title{font-weight:600;color:#1976d2;display:flex;align-items:center;gap:8px}.gallery-management-actions{display:flex;gap:8px}.gallery-upload-button,.gallery-view-button{min-width:140px}.gallery-upload-input{display:none}.gallery-content{margin-top:16px}.gallery-stats{display:flex;align-items:center;gap:16px;margin-bottom:16px}.gallery-stats-text{color:#666}.gallery-select-all-btn,.gallery-clear-btn,.gallery-bulk-delete-btn{min-width:100px}.gallery-grid{margin-top:16px}.gallery-image-card{position:relative;border:1px solid #e0e0e0;cursor:pointer;transition:all .2s ease-in-out}.gallery-image-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.gallery-image-card-selected{border:2px solid #1976d2;box-shadow:0 0 0 2px #1976d233}.gallery-image-media{object-fit:cover;width:100%;height:120px}.gallery-main-chip{position:absolute;top:8px;left:8px;background-color:#1976d2;color:#fff;font-weight:600;z-index:2}.gallery-selection-indicator{position:absolute;top:8px;right:8px;background-color:#1976d2;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;z-index:2}.gallery-image-actions{padding:8px;display:flex;justify-content:space-between;align-items:center}.gallery-image-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:8px}.gallery-image-buttons{display:flex;gap:4px}.gallery-set-main-btn,.gallery-delete-btn{min-width:32px;height:32px}.gallery-more-card{height:100%;display:flex;align-items:center;justify-content:center;border:2px dashed #e0e0e0;cursor:pointer;transition:all .2s ease-in-out}.gallery-more-card:hover{border-color:#1976d2;background-color:#1976d20d}.gallery-more-content{text-align:center;padding:16px}.gallery-more-count{color:#666;font-weight:600}.gallery-more-text{color:#666}.gallery-empty-state{text-align:center;padding:48px 24px;border:2px dashed #e0e0e0;border-radius:8px;background-color:#f5f5f5}.gallery-empty-icon{font-size:48px;color:#666;margin-bottom:16px}.gallery-empty-title{color:#666;margin-bottom:8px;font-weight:600}.gallery-empty-subtitle{color:#666;margin-bottom:24px}.gallery-upload-first-btn{min-width:200px}.gallery-dialog{max-width:1200px}.gallery-dialog-title{padding:16px 24px;border-bottom:1px solid #e0e0e0}.gallery-dialog-header{display:flex;align-items:center;justify-content:space-between}.gallery-dialog-title-text{font-weight:600;color:#333}.gallery-dialog-actions{display:flex;gap:8px}.gallery-dialog-upload-btn,.gallery-dialog-delete-btn{min-width:120px}.gallery-dialog-content{padding:24px;max-height:70vh;overflow-y:auto}.gallery-dialog-content-wrapper{margin-top:16px}.gallery-dialog-stats{display:flex;align-items:center;gap:16px;margin-bottom:24px}.gallery-dialog-stats-text{color:#666}.gallery-dialog-bulk-actions{display:flex;gap:8px}.gallery-dialog-select-all-btn,.gallery-dialog-clear-btn{min-width:100px}.gallery-dialog-grid{margin-top:16px}.gallery-dialog-image-card{position:relative;border:1px solid #e0e0e0;cursor:pointer;transition:all .2s ease-in-out}.gallery-dialog-image-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.gallery-dialog-image-card-selected{border:2px solid #1976d2;box-shadow:0 0 0 2px #1976d233}.gallery-dialog-image-media{object-fit:cover;width:100%;height:200px}.gallery-dialog-main-chip{position:absolute;top:8px;left:8px;background-color:#1976d2;color:#fff;font-weight:600;z-index:2}.gallery-dialog-selection-indicator{position:absolute;top:8px;right:8px;background-color:#1976d2;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;z-index:2}.gallery-dialog-image-actions{padding:16px;display:flex;flex-direction:column;align-items:flex-start;gap:8px}.gallery-dialog-image-name{font-weight:600;margin-bottom:4px}.gallery-dialog-image-meta{color:#666;margin-bottom:8px}.gallery-dialog-image-buttons{display:flex;gap:8px;width:100%;justify-content:space-between}.gallery-dialog-set-main-btn{flex:1;min-width:100px}.gallery-dialog-delete-image-btn{min-width:40px;height:40px}.gallery-dialog-empty-state{text-align:center;padding:64px 24px;border:2px dashed #e0e0e0;border-radius:8px;background-color:#f5f5f5}.gallery-dialog-empty-icon{font-size:64px;color:#666;margin-bottom:16px}.gallery-dialog-empty-title{color:#666;margin-bottom:8px;font-weight:600}.gallery-dialog-empty-subtitle{color:#666;margin-bottom:32px}.gallery-dialog-upload-first-btn{min-width:200px}.gallery-dialog-actions-footer{padding:16px 24px;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end}.gallery-dialog-close-btn{min-width:100px}@media (max-width: 768px){.gallery-management-header{flex-direction:column;gap:16px;align-items:flex-start}.gallery-management-actions{width:100%;justify-content:flex-start}.gallery-stats{flex-direction:column;align-items:flex-start;gap:8px}.gallery-bulk-actions{flex-wrap:wrap}.gallery-dialog-header{flex-direction:column;gap:16px;align-items:flex-start}.gallery-dialog-actions{width:100%;justify-content:flex-start}.gallery-dialog-stats{flex-direction:column;align-items:flex-start;gap:8px}.gallery-dialog-bulk-actions{flex-wrap:wrap}}.gallery-image-card,.gallery-dialog-image-card{transition:all .2s ease-in-out}.gallery-image-card:hover,.gallery-dialog-image-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.gallery-upload-button:disabled,.gallery-view-button:disabled,.gallery-upload-first-btn:disabled,.gallery-dialog-upload-btn:disabled,.gallery-dialog-upload-first-btn:disabled{opacity:.6;cursor:not-allowed}.gallery-image-card:focus,.gallery-dialog-image-card:focus{outline:2px solid #1976d2;outline-offset:2px}.gallery-image-card-selected,.gallery-dialog-image-card-selected{border-color:#1976d2;box-shadow:0 0 0 2px #1976d233}.gallery-upload-button:hover,.gallery-view-button:hover,.gallery-upload-first-btn:hover,.gallery-dialog-upload-btn:hover,.gallery-dialog-upload-first-btn:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.image-preview-dialog{max-width:1000px;margin:auto}.image-preview-dialog-title{padding:16px 24px;border-bottom:1px solid #e0e0e0}.image-preview-dialog-header{display:flex;align-items:center;justify-content:space-between}.image-preview-dialog-title-text{font-weight:600;color:#333;flex:1}.image-preview-dialog-actions{display:flex;gap:8px}.image-preview-delete-btn{min-width:120px}.image-preview-dialog-content{padding:24px;max-height:80vh;overflow:hidden}.image-preview-container{display:flex;flex-direction:column;align-items:center;gap:24px}.image-preview-navigation{display:flex;align-items:center;gap:16px;width:100%;justify-content:center}.image-preview-nav-btn{width:48px;height:48px;border-radius:50%;background-color:#00000080;color:#fff;border:none;font-size:20px;font-weight:700;transition:all .2s ease-in-out}.image-preview-nav-btn:hover{background-color:#000000b3;transform:scale(1.1)}.image-preview-nav-btn:disabled{background-color:#0003;cursor:not-allowed;transform:none}.image-preview-prev-btn{margin-right:auto}.image-preview-next-btn{margin-left:auto}.image-preview-image-wrapper{position:relative;max-width:100%;max-height:60vh;display:flex;align-items:center;justify-content:center}.gallery-view-album-preview-icon{font-size:120px;color:#1976d2;opacity:.8}.image-preview-image{max-width:100%;max-height:60vh;object-fit:contain;border-radius:8px;box-shadow:0 8px 32px #0003;transition:transform .2s ease-in-out}.image-preview-image:hover{transform:scale(1.02)}.image-preview-info{text-align:center;max-width:600px}.image-preview-name{font-weight:600;color:#333;margin-bottom:8px}.image-preview-meta{color:#666;margin-bottom:4px}.image-preview-counter{color:#999;font-size:14px}.image-preview-dialog-actions{padding:16px 24px;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end}.image-preview-close-btn{min-width:100px}@media (max-width: 768px){.image-preview-dialog-header{flex-direction:column;gap:16px;align-items:flex-start}.image-preview-dialog-actions{width:100%;justify-content:flex-start}.image-preview-navigation{flex-direction:column;gap:12px}.image-preview-prev-btn,.image-preview-next-btn{margin:0}.image-preview-image,.image-preview-image-wrapper{max-height:50vh}}.image-preview-image{animation:fadeIn .3s ease-in-out}.image-preview-nav-btn{animation:slideIn .2s ease-in-out}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.image-preview-nav-btn:focus{outline:2px solid #1976d2;outline-offset:2px}.image-preview-image:focus{outline:2px solid #1976d2;outline-offset:4px}.image-preview-image{transition:opacity .2s ease-in-out}.image-preview-image[src=""]{opacity:0}.image-preview-dialog:focus-within .image-preview-nav-btn{opacity:1}.image-preview-dialog:not(:focus-within) .image-preview-nav-btn{opacity:.7}.image-preview-dialog:not(:focus-within) .image-preview-nav-btn:hover{opacity:1}.gallery-view-page{min-height:100vh;background-color:#f5f5f5}.gallery-view-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:0;margin-bottom:32px;border-radius:16px;box-shadow:0 8px 32px #0000001f;position:relative;overflow:hidden;animation:slideInFromTop .6s ease-out}.gallery-view-header:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);pointer-events:none}.gallery-view-header-content{padding:40px 32px;position:relative;z-index:1;display:flex;justify-content:space-between;align-items:flex-start;gap:24px}.gallery-view-title-section{display:flex;flex-direction:column;gap:20px;flex:1}.fullCardLayout .gallery-back-button,.fullCardLayout .gallery-back-button:hover{color:#fff!important}.gallery-back-button{align-self:flex-start;background-color:#ffffff26;color:#fff;border-color:#ffffff4d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;text-transform:none;font-weight:600;padding:12px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #0000001a}.gallery-back-button:hover{background-color:#ffffff40;border-color:#ffffff80;transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.gallery-view-title-container{display:flex;flex-direction:column;gap:8px;animation:fadeInUp .8s ease-out .2s both}.gallery-view-title{font-weight:800;color:#fff;font-size:2.5rem;line-height:1.2;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.1);letter-spacing:-.02em;animation:fadeInUp .8s ease-out .3s both}.gallery-view-subtitle{color:#ffffffe6;font-size:1.1rem;font-weight:400;margin:0;line-height:1.4;animation:fadeInUp .8s ease-out .4s both}.gallery-view-actions{display:flex;gap:16px;flex-wrap:wrap;align-items:flex-start;animation:fadeInUp .8s ease-out .5s both}.gallery-create-button{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;border:none;border-radius:12px;text-transform:none;font-weight:600;padding:16px 24px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px #4caf504d;min-width:160px}.gallery-create-button:hover{background:linear-gradient(135deg,#45a049,#3d8b40);transform:translateY(-2px);box-shadow:0 6px 24px #4caf5066}.gallery-create-button:disabled{background:#fff3;color:#fff9;box-shadow:none;transform:none}.gallery-bulk-delete-btn{background:linear-gradient(135deg,#f44336,#d32f2f);color:#fff;border:none;border-radius:12px;text-transform:none;font-weight:600;padding:16px 24px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px #f443364d;min-width:180px}.gallery-bulk-delete-btn:hover{background:linear-gradient(135deg,#d32f2f,#c62828);transform:translateY(-2px);box-shadow:0 6px 24px #f4433666}.gallery-view-content{background:#ffffff38;border-radius:8px;padding:24px;box-shadow:0 2px 8px #0000001a}.gallery-view-stats{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding:16px;background-color:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.gallery-stats-text{color:#666;font-weight:500}.gallery-bulk-actions{display:flex;gap:8px}.gallery-select-all-btn,.gallery-clear-btn{min-width:100px}.gallery-view-grid{margin-top:16px}@media (min-width: 1200px){.gallery-view-grid .MuiGrid-item{flex-basis:16.666667%!important;max-width:16.666667%!important}}@media (min-width: 960px) and (max-width: 1199px){.gallery-view-grid .MuiGrid-item{flex-basis:20%!important;max-width:20%!important}}@media (min-width: 600px) and (max-width: 959px){.gallery-view-grid .MuiGrid-item{flex-basis:33.333333%!important;max-width:33.333333%!important}}.gallery-view-album-card{position:relative;border:1px solid #e0e0e0;cursor:pointer;transition:all .3s ease-in-out;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 2px 8px #00000014}.gallery-view-album-card:hover{transform:translateY(-6px);box-shadow:0 12px 32px #00000026;border-color:#1976d2;cursor:pointer}.gallery-view-album-card-selected{border:2px solid #1976d2;box-shadow:0 0 0 3px #1976d233;transform:translateY(-4px)}.gallery-view-album-icon-container{position:relative;height:160px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;background:linear-gradient(135deg,#f8f9ff,#e3f2fd);transition:all .3s ease-in-out;overflow:hidden;border-radius:8px 8px 0 0}.gallery-view-album-card:hover .gallery-view-album-icon-container{background:linear-gradient(146deg,#aed7ff,#79a8de);transform:scale(1.02)}.gallery-view-album-icon{font-size:48px;color:#1976d2;margin-bottom:8px;transition:all .3s ease-in-out;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.gallery-view-album-card:hover .gallery-view-album-icon{color:#fff;transform:scale(1.1);filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}.gallery-view-album-count{position:absolute;bottom:12px;right:12px;background:#1976d2;color:#fff;padding:6px 10px;border-radius:16px;font-weight:700;font-size:13px;min-width:28px;text-align:center;box-shadow:0 3px 12px #1976d266;border:2px solid white}.gallery-view-album-card:hover .gallery-view-album-count{background:#fff;color:#1976d2;box-shadow:0 3px 12px #0003}.gallery-view-album-menu-btn{position:absolute;top:12px;right:12px;width:32px;height:32px;background-color:#ffffffe6;color:#666;border:1px solid rgba(0,0,0,.1);border-radius:8px;transition:all .2s ease-in-out;z-index:3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.gallery-view-album-menu-btn:hover{background-color:#1976d2;color:#fff;border-color:#1976d2;transform:scale(1.1);box-shadow:0 4px 12px #1976d24d}.gallery-view-album-menu-btn .MuiSvgIcon-root{font-size:18px}.gallery-view-album-checkbox{position:absolute;top:12px;left:12px;z-index:3;background-color:#ffffffe6;border-radius:4px;padding:4px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.gallery-view-album-checkbox .MuiSvgIcon-root{font-size:20px;color:#1976d2}.gallery-view-album-checkbox:hover{background-color:#1976d21a}.gallery-view-album-menu{margin-top:8px}.fullCardLayout .gallery-view-header,.fullCardLayout .gallery-view-content{margin-left:3%;margin-right:3%}.gallery-view-album-menu .MuiPaper-root{border-radius:12px;box-shadow:0 8px 32px #0000001f;border:1px solid rgba(0,0,0,.08);min-width:160px}.gallery-view-menu-delete-item{color:#d32f2f;font-weight:500;padding:12px 16px;transition:all .2s ease-in-out}.gallery-view-menu-delete-item:hover{background-color:#d32f2f14;color:#b71c1c}.gallery-view-menu-delete-item .MuiListItemIcon-root{min-width:36px;color:#d32f2f}.gallery-view-menu-delete-item:hover .MuiListItemIcon-root{color:#b71c1c}.gallery-view-bulk-delete-dialog .MuiDialog-paper{border-radius:16px;max-width:500px;width:100%}.gallery-view-bulk-delete-dialog-title{padding:24px 24px 16px;border-bottom:1px solid #f0f0f0}.gallery-view-bulk-delete-title{color:#d32f2f;font-weight:700;text-align:center}.gallery-view-bulk-delete-dialog-content{padding:24px}.gallery-view-bulk-delete-message{color:#666;margin-bottom:20px;text-align:center;line-height:1.5}.gallery-view-bulk-delete-list{max-height:200px;overflow-y:auto;border:1px solid #f0f0f0;border-radius:8px;padding:12px;background-color:#fafafa}.gallery-view-bulk-delete-item{display:flex;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid #e0e0e0}.gallery-view-bulk-delete-item:last-child{border-bottom:none}.gallery-view-bulk-delete-icon{color:#1976d2;font-size:20px}.gallery-view-bulk-delete-name{color:#333;font-weight:500}.gallery-view-bulk-delete-dialog-actions{padding:16px 24px 24px;gap:12px;justify-content:center}.gallery-view-bulk-delete-cancel-btn{min-width:100px;border-color:#999;color:#666}.gallery-view-bulk-delete-cancel-btn:hover{border-color:#666;background-color:#f5f5f5}.gallery-view-bulk-delete-confirm-btn{min-width:180px;background-color:#d32f2f;color:#fff;font-weight:600}.gallery-view-bulk-delete-confirm-btn:hover{background-color:#b71c1c}.gallery-view-selection-indicator{position:absolute;top:12px;right:12px;background-color:#1976d2;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:16px;z-index:2;box-shadow:0 2px 8px #0003}.gallery-view-album-actions{padding:16px;display:flex;flex-direction:column;gap:12px;background-color:#fff;border-top:1px solid #f0f0f0}.gallery-view-album-name{font-weight:700;color:#1a1a1a;margin-bottom:6px;font-size:18px;line-height:1.3;text-align:center;padding:0 8px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.gallery-view-album-meta{color:#666;font-size:13px;margin-bottom:0;text-align:center;font-weight:500;opacity:.8}.gallery-view-empty-state{text-align:center;padding:80px 24px;background:#fff;border-radius:12px;border:2px dashed #e0e0e0;margin:24px 50px}.gallery-view-empty-icon{font-size:80px;color:#ccc;margin-bottom:24px}.gallery-view-empty-title{color:#666;margin-bottom:12px;font-weight:600}.gallery-view-empty-subtitle{color:#999;margin-bottom:32px;max-width:400px;margin-left:auto;margin-right:auto}.gallery-view-upload-first-btn{min-width:200px;padding:12px 24px;font-size:16px}@media (max-width: 768px){.gallery-view-header{margin-bottom:24px}.gallery-view-header-content{padding:24px 20px;flex-direction:column;gap:20px}.gallery-view-title{font-size:2rem}.gallery-view-subtitle{font-size:1rem}.gallery-back-button{padding:10px 16px;font-size:.875rem}.gallery-view-grid .MuiGrid-item{flex-basis:50%!important;max-width:50%!important}.gallery-view-album-icon-container{height:140px}.gallery-view-album-icon{font-size:36px}.gallery-view-actions{flex-direction:column;width:100%;gap:12px}.gallery-create-button,.gallery-bulk-delete-btn{width:100%;padding:14px 20px;font-size:.9rem}.gallery-view-stats{flex-direction:column;align-items:flex-start;gap:12px}.gallery-bulk-actions{width:100%;justify-content:flex-start}.gallery-view-content{padding:16px}.gallery-view-image-actions{padding:12px}.gallery-view-image-buttons{flex-direction:column;gap:8px}.gallery-view-set-main-btn,.gallery-view-delete-btn{width:100%}}.gallery-view-image-card{animation:slideInUp .3s ease-out}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.gallery-view-image-card:nth-child(1){animation-delay:.1s}.gallery-view-image-card:nth-child(2){animation-delay:.2s}.gallery-view-image-card:nth-child(3){animation-delay:.3s}.gallery-view-image-card:nth-child(4){animation-delay:.4s}.gallery-upload-button:disabled,.gallery-bulk-delete-btn:disabled,.gallery-view-upload-first-btn:disabled{opacity:.6;cursor:not-allowed}.gallery-view-image-card:focus{outline:2px solid #1976d2;outline-offset:2px}.gallery-view-image-card:focus-within{outline:2px solid #1976d2;outline-offset:2px}.gallery-tabs-container{margin:24px 0;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.gallery-status-tabs{background-color:#f8f9fa}.gallery-status-tabs .MuiTabs-indicator{height:4px;border-radius:2px;background:linear-gradient(90deg,#1976d2,#42a5f5)}.gallery-tab-approved{color:#2e7d32!important;font-weight:600}.gallery-tab-approved.Mui-selected{color:#1b5e20!important;background-color:#2e7d321a}.gallery-tab-pending{color:#f57c00!important;font-weight:600}.gallery-tab-pending.Mui-selected{color:#e65100!important;background-color:#f57c001a}.gallery-tab-rejected{color:#d32f2f!important;font-weight:600}.gallery-tab-rejected.Mui-selected{color:#b71c1c!important;background-color:#d32f2f1a}.gallery-view-status-chip{position:absolute;top:12px;right:12px;font-weight:600;z-index:2;box-shadow:0 2px 8px #0003}.gallery-view-approve-btn{background-color:#2e7d32!important;color:#fff!important;font-weight:600;min-width:80px;height:32px;font-size:12px}.gallery-view-approve-btn:hover{background-color:#1b5e20!important;transform:translateY(-1px);box-shadow:0 4px 12px #2e7d324d}.gallery-view-reject-btn{background-color:#d32f2f!important;color:#fff!important;font-weight:600;min-width:80px;height:32px;font-size:12px}.gallery-view-reject-btn:hover{background-color:#b71c1c!important;transform:translateY(-1px);box-shadow:0 4px 12px #d32f2f4d}.gallery-view-loading{display:flex;justify-content:center;align-items:center;padding:48px;color:#666}.gallery-view-content{animation:fadeInUp .3s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.gallery-tabs-container{margin:16px 0}.gallery-status-tabs .MuiTab-root{min-width:80px;padding:8px 4px;font-size:12px}.gallery-view-approve-btn,.gallery-view-reject-btn{min-width:60px;height:28px;font-size:10px}}.profile-image-paper{padding:24px;border:1px solid #e0e0e0;border-radius:8px;background-color:#fff}.profile-image-section-title{margin-bottom:24px;font-weight:600;color:#1976d2;display:flex;align-items:center;gap:8px;justify-content:center}.profile-image-content{margin-top:16px;display:flex;justify-content:center;align-items:center}.profile-image-layout{display:flex;align-items:center;gap:24px;margin-bottom:16px;flex-direction:column}.profile-image-avatar-container{position:relative}.profile-image-avatar{width:120px;height:120px;border:3px solid #1976d2;cursor:pointer;transition:transform .2s ease-in-out}.profile-image-avatar:hover{transform:scale(1.05)}.profile-image-chip{position:absolute;bottom:-8px;left:50%;transform:translate(-50%);font-weight:600;background-color:#1976d2;color:#fff}.profile-image-details{flex:1;text-align:center}.profile-image-name{font-weight:600;margin-bottom:8px;color:#333}.profile-image-meta{color:#666;margin-bottom:8px}.profile-image-actions{display:flex;gap:8px;justify-content:center}.profile-image-empty-state{text-align:center;padding:32px 24px;border:2px dashed #e0e0e0;border-radius:8px;background-color:#f5f5f5}.profile-image-empty-icon{font-size:48px;color:#999;margin-bottom:16px}.profile-image-empty-title{color:#666;margin-bottom:8px;font-weight:600}.profile-image-empty-subtitle{color:#999;margin-bottom:16px}.profile-image-preview-btn,.profile-image-delete-btn{min-width:100px}.profile-image-upload-btn{min-width:200px;padding:12px 24px;font-size:16px}.profile-image-preview-dialog{max-width:600px;margin:auto}.profile-image-preview-dialog-title{padding:16px 24px;border-bottom:1px solid #e0e0e0}.profile-image-preview-dialog-header{display:flex;align-items:center;justify-content:space-between}.profile-image-preview-dialog-title-text{font-weight:600;color:#333;flex:1}.profile-image-preview-dialog-actions{display:flex;gap:8px}.profile-image-preview-delete-btn{min-width:140px}.profile-image-preview-dialog-content{padding:24px;max-height:70vh;overflow:hidden}.profile-image-preview-container{display:flex;flex-direction:column;align-items:center;gap:24px}.profile-image-preview-image-wrapper{position:relative;max-width:100%;max-height:50vh;display:flex;align-items:center;justify-content:center}.profile-image-preview-image{max-width:100%;max-height:50vh;object-fit:contain;border-radius:12px;box-shadow:0 8px 32px #0003;transition:transform .2s ease-in-out}.profile-image-preview-image:hover{transform:scale(1.02)}.profile-image-preview-chip{position:absolute;top:12px;left:12px;background-color:#1976d2;color:#fff;font-weight:600;z-index:2;box-shadow:0 2px 8px #0003}.profile-image-preview-info{text-align:center;max-width:500px}.profile-image-preview-name{font-weight:600;color:#333;margin-bottom:8px}.profile-image-preview-meta{color:#666;margin-bottom:4px}.profile-image-preview-dialog-actions{padding:16px 24px;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end}.profile-image-preview-close-btn{min-width:100px}@media (max-width: 768px){.profile-image-preview-dialog-header{flex-direction:column;gap:16px;align-items:flex-start}.profile-image-preview-dialog-actions{width:100%;justify-content:flex-start}.profile-image-preview-image,.profile-image-preview-image-wrapper{max-height:40vh}}.profile-image-preview-image{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.profile-image-preview-image:focus{outline:2px solid #1976d2;outline-offset:4px}.profile-image-upload-btn:disabled{opacity:.6;cursor:not-allowed}@media (min-width: 600px){.profile-image-layout{flex-direction:row}.profile-image-details{text-align:left}.profile-image-actions{justify-content:flex-start}}@media (max-width: 599px){.profile-image-layout{flex-direction:column;gap:16px}.profile-image-details{text-align:center}.profile-image-actions{justify-content:center}.profile-image-avatar{width:100px;height:100px}}.profile-image-avatar{transition:all .2s ease-in-out}.profile-image-avatar:hover{transform:scale(1.05);box-shadow:0 4px 12px #1976d24d}.profile-image-preview-btn:hover,.profile-image-delete-btn:hover,.profile-image-upload-btn:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.profile-image-avatar:focus{outline:2px solid #1976d2;outline-offset:2px}.profile-image-preview-btn:focus,.profile-image-delete-btn:focus,.profile-image-upload-btn:focus{outline:2px solid #1976d2;outline-offset:2px}.form-section-paper{padding:24px;border:1px solid #e0e0e0;border-radius:8px;background-color:#fff}.section-title{margin-bottom:24px;font-weight:600;color:#1976d2;display:flex;align-items:center;gap:8px}.menu-item-content{display:flex;align-items:center;gap:8px}.form-field-hover .MuiOutlinedInput-root:hover fieldset,.select-hover:hover .MuiOutlinedInput-notchedOutline{border-color:#1976d2}.visibility-status{display:flex;align-items:center;gap:8px;padding:12px;background-color:#f5f5f5;border-radius:8px;border:1px solid #e0e0e0}.visibility-text{font-weight:500}.service-categories-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.service-categories-title{font-weight:600;color:#333}.service-categories-grid{display:flex;flex-wrap:wrap;gap:12px}.service-category-chip{cursor:pointer;transition:all .2s ease-in-out;border:2px solid #e0e0e0;background-color:#fff;color:#666}.service-category-chip:hover{border-color:#1976d2;background-color:#f3f8ff;color:#1976d2;transform:translateY(-1px);box-shadow:0 2px 8px #1976d233}.service-category-chip-selected{border-color:#1976d2;background-color:#1976d2;color:#fff}.service-category-chip-selected:hover{background-color:#1565c0;border-color:#1565c0}.selected-categories-container{margin-top:16px;padding:16px;background-color:#f3f8ff;border-radius:8px;border:1px solid #bbdefb}.selected-categories-title{color:#1565c0;font-weight:500;margin-bottom:8px}.selected-categories-list{display:flex;flex-wrap:wrap;gap:4px}.selected-category-chip{font-size:.75rem}.action-buttons-container{display:flex;justify-content:flex-end;gap:16px;padding:24px;border:1px solid #e0e0e0;border-radius:8px;background-color:#fff}.cancel-button{min-width:120px;border-color:#999;color:#666}.cancel-button:hover{border-color:#666;background-color:#f5f5f5}.save-button{min-width:180px;background-color:#1976d2;color:#fff}.save-button:hover{background-color:#1565c0}.save-button:disabled{background-color:#ccc;color:#999;cursor:not-allowed}@media (max-width: 768px){.action-buttons-container{flex-direction:column;gap:12px}.cancel-button,.save-button{width:100%}.service-categories-grid{gap:8px}.form-section-paper{padding:16px}}.all-images-page{min-height:100vh;background-color:#f5f5f5}.all-images-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding:24px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a}.all-images-title-section{display:flex;flex-direction:column;gap:8px}.back-button{align-self:flex-start;margin-bottom:8px;border-radius:8px;text-transform:none;font-weight:500;color:#1976d2;border-color:#1976d2;transition:all .2s ease}.back-button:hover{background-color:#1976d2;color:#fff;transform:translate(-2px)}.all-images-title{font-weight:700;color:#1a1a1a;margin:0}.all-images-subtitle{color:#666;font-weight:500}.current-filter-indicator{color:#1976d2;font-weight:600;margin-left:8px}.album-status-summary{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}.album-status-summary .status-chip{font-weight:600;font-size:.75rem}.album-status-summary .status-chip.approved{background-color:#4caf50;color:#fff}.album-status-summary .status-chip.pending{background-color:#ff9800;color:#fff}.album-status-summary .status-chip.rejected{background-color:#f44336;color:#fff}.all-images-actions{display:flex;gap:12px}.refresh-button,.upload-button{text-transform:none;font-weight:500;border-radius:8px}.all-images-filters{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding:16px 24px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a}.status-filters{display:flex;gap:8px;flex-wrap:wrap}.filter-button{text-transform:none;font-weight:500;border-radius:20px;padding:8px 16px;min-width:auto}.filter-button.approved{color:#4caf50;border-color:#4caf50}.filter-button.approved.MuiButton-contained{background-color:#4caf50;color:#fff}.filter-button.pending{color:#ff9800;border-color:#ff9800}.filter-button.pending.MuiButton-contained{background-color:#ff9800;color:#fff}.filter-button.rejected{color:#f44336;border-color:#f44336}.filter-button.rejected.MuiButton-contained{background-color:#f44336;color:#fff}.filter-icon{font-size:16px;margin-right:4px}.bulk-actions{display:flex;align-items:center;gap:12px}.selection-count{color:#666;font-weight:500}.bulk-action-btn{text-transform:none;font-weight:500;border-radius:6px}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a}.loading-text{margin-top:16px;color:#666}.images-grid{margin-top:0}.image-card{border-radius:12px;box-shadow:0 2px 8px #0000001a;transition:all .3s ease;border:1px solid #e0e0e0;overflow:hidden;cursor:pointer}.image-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.image-card.selected{border:2px solid #1976d2;box-shadow:0 0 0 3px #1976d233}.image-container{position:relative;height:180px;overflow:hidden}.image-thumbnail{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.image-card:hover .image-thumbnail{transform:scale(1.05)}.status-chip{position:absolute;top:8px;left:8px;font-weight:600;font-size:.75rem;z-index:2}.selection-checkbox{position:absolute;top:8px;right:8px;z-index:3}.image-checkbox{width:20px;height:20px;cursor:pointer}.image-menu-btn{position:absolute;bottom:8px;right:8px;background-color:#ffffffe6;color:#666;width:32px;height:32px;opacity:0;transition:opacity .3s ease;z-index:3}.image-card:hover .image-menu-btn{opacity:1}.image-menu-btn:hover{background-color:#fff;color:#1976d2}.image-content{padding:12px}.image-filename{font-weight:600;color:#1a1a1a;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-meta{color:#666;font-size:.75rem;display:block;margin-bottom:2px}.rejection-reason{color:#f44336;font-size:.7rem;font-weight:500;display:block;margin-top:4px}.no-images{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;text-align:center}.no-images-title{color:#666;margin-bottom:8px}.no-images-subtitle{color:#999}.image-menu .MuiPaper-root{border-radius:8px;box-shadow:0 4px 16px #00000026}.menu-item.approved{color:#4caf50}.menu-item.approved:hover{background-color:#4caf501a}.menu-item.pending{color:#ff9800}.menu-item.pending:hover{background-color:#ff98001a}.menu-item.rejected{color:#f44336}.menu-item.rejected:hover{background-color:#f443361a}.menu-item.delete{color:#f44336}.menu-item.delete:hover{background-color:#f443361a}.status-change-dialog,.delete-image-dialog{z-index:1400}.status-change-dialog .MuiDialog-paper,.delete-image-dialog .MuiDialog-paper{border-radius:12px;box-shadow:0 8px 32px #0000001f}.status-change-dialog-title,.delete-image-dialog-title{padding:24px 24px 16px;border-bottom:1px solid #e0e0e0}.status-change-dialog-content,.delete-image-dialog-content{padding:24px}.status-change-dialog-actions,.delete-image-dialog-actions{padding:16px 24px 24px;gap:12px;justify-content:flex-end}.cancel-btn,.confirm-btn{min-width:100px;border-radius:8px;text-transform:none;font-weight:500}.image-preview-dialog{z-index:1500}.image-preview-dialog .MuiDialog-paper{border-radius:12px;box-shadow:0 8px 32px #0000001f}.image-preview-dialog-title{padding:24px 24px 16px;border-bottom:1px solid #e0e0e0}.image-preview-dialog-content{padding:24px}.image-preview-container{display:flex;flex-direction:column;align-items:center;gap:16px}.preview-image{max-width:100%;max-height:60vh;object-fit:contain;border-radius:8px;box-shadow:0 4px 16px #0000001a}.image-preview-info{display:flex;flex-direction:column;gap:8px;text-align:center}.preview-meta{color:#666;font-weight:500}.image-preview-dialog-actions{padding:16px 24px 24px;justify-content:flex-end}.close-btn{min-width:100px;border-radius:8px;text-transform:none;font-weight:500}@media (min-width: 1200px){.images-grid .MuiGrid-item{flex-basis:16.666667%!important;max-width:16.666667%!important}}@media (min-width: 960px) and (max-width: 1199px){.images-grid .MuiGrid-item{flex-basis:20%!important;max-width:20%!important}}@media (min-width: 600px) and (max-width: 959px){.images-grid .MuiGrid-item{flex-basis:33.333333%!important;max-width:33.333333%!important}}@media (max-width: 768px){.all-images-header{flex-direction:column;gap:16px;align-items:flex-start}.back-button{margin-bottom:12px;font-size:.875rem}.all-images-actions{width:100%;justify-content:flex-end}.all-images-filters{flex-direction:column;gap:16px;align-items:flex-start}.status-filters,.bulk-actions{width:100%;justify-content:center}.images-grid{margin:0}.image-container{height:160px}.images-grid .MuiGrid-item{flex-basis:50%!important;max-width:50%!important}}.album-folder-preview{width:100%;height:100%;position:relative}.album-preview-container{position:relative;width:100%;height:100%;background:linear-gradient(135deg,#f8f9ff,#e3f2fd);border-radius:8px 8px 0 0;overflow:hidden;transition:all .3s ease-in-out}.album-preview-grid{display:grid;width:100%;height:100%;gap:2px;padding:0}.fullCardLayout{margin-right:3%;margin-left:3%}.album-preview-grid-single{grid-template-columns:1fr;grid-template-rows:1fr}.album-preview-grid-double{grid-template-columns:1fr 1fr;grid-template-rows:1fr}.album-preview-grid-triple{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.album-preview-grid-triple .album-preview-image-container:last-child{grid-column:1 / -1}.album-preview-grid-quad{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.album-preview-image-container{position:relative;width:100%;height:100%;background:#fff;border-radius:4px;overflow:hidden;display:flex;align-items:center;justify-content:center}.album-preview-image{width:100%;height:100%;object-fit:cover;border-radius:4px;transition:transform .3s ease-in-out}.album-preview-image:hover{transform:scale(1.05)}.album-preview-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;background:#f5f5f5;display:flex;align-items:center;justify-content:center;border-radius:4px;display:none}.album-preview-placeholder-icon{color:#ccc;font-size:24px}.album-preview-loading{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f5f5f5}.album-preview-loading-icon{color:#1976d2;font-size:48px;animation:pulse 1.5s ease-in-out infinite}.album-preview-empty{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f5f5f5;gap:8px}.album-preview-folder-icon{color:#ccc;font-size:48px}.album-preview-empty-text{color:#999;font-size:12px;text-align:center}.album-preview-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#0000001a,#0000004d);display:flex;align-items:flex-end;justify-content:flex-end;opacity:0;transition:opacity .3s ease-in-out;pointer-events:none}.album-folder-preview:hover .album-preview-overlay{opacity:1}.album-preview-count{background:#1976d2e6;color:#fff;padding:6px 10px;border-radius:16px;margin:8px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.album-preview-count-text{font-weight:700;font-size:13px;line-height:1;margin:0}.gallery-view-album-card:hover .album-preview-container{background:linear-gradient(146deg,#aed7ff,#79a8de);transform:scale(1.02)}.gallery-view-album-card:hover .album-preview-image{filter:brightness(1.1) contrast(1.1)}.gallery-upload-button:hover{border:1px solid white!important;background:#f5efef!important}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.gallery-view-album-preview-dialog{width:300px;height:200px;margin:0 auto}.image-preview-image-wrapper{display:flex;align-items:center;justify-content:center;min-height:200px;background:#f5f5f5;border-radius:8px;overflow:hidden}.drag-drop-controls{display:flex;gap:12px;align-items:center}.fullCardLayout .MuiContainer-root{max-width:100%!important;padding-left:4%!important;padding-right:4%!important}.fullCardLayout .MuiPaper-root{background:none!important;border:none!important}.drag-mode-button{background-color:#1976d2;color:#fff;border-radius:8px;text-transform:none;font-weight:500;min-width:140px}.drag-mode-button:hover{background-color:#1565c0}.over-ride-button{background-color:#fff;color:#000;border-radius:8px;text-transform:none;font-weight:500;min-width:140px}.drag-mode-actions{display:flex;gap:8px;align-items:center}.save-sequence-button{background-color:#4caf50;color:#fff;border-radius:8px;text-transform:none;font-weight:500;min-width:120px}.save-sequence-button:hover{background-color:#45a049}.save-sequence-button:disabled{background-color:#ccc;color:#999;cursor:not-allowed}.cancel-drag-button{border-color:#999;color:#666;border-radius:8px;text-transform:none;font-weight:500;min-width:100px}.cancel-drag-button:hover{border-color:#666;background-color:#f5f5f5}.drag-drop-container{margin-top:16px;padding:16px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a}.drag-instructions{text-align:center;color:#1976d2;font-weight:600;margin-bottom:24px;padding:16px;background:linear-gradient(135deg,#e3f2fd,#f3e5f5);border-radius:8px;border:1px solid #bbdefb}.drag-grid{min-height:200px;transition:all .3s ease}.drag-grid.drag-over{background-color:#1976d20d;border:2px dashed #1976d2;border-radius:8px}.drag-card{transition:all .3s ease;cursor:grab;-webkit-user-select:none;user-select:none}.drag-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000026}.drag-card.dragging{transform:rotate(5deg) scale(1.05);box-shadow:0 12px 32px #00000040;z-index:1000;cursor:grabbing}.sequence-chip{position:absolute;top:8px;left:8px;font-weight:700;font-size:.8rem;z-index:3;box-shadow:0 2px 8px #0003;min-width:32px;text-align:center}.drag-handle{position:absolute;top:50%;right:8px;transform:translateY(-50%);background-color:#ffffffe6;color:#666;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:700;cursor:grab;z-index:3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(0,0,0,.1);transition:all .2s ease}.drag-handle:hover{background-color:#1976d2;color:#fff;transform:translateY(-50%) scale(1.1)}.drag-handle:active{cursor:grabbing}@keyframes dragPulse{0%{box-shadow:0 0 #1976d266}70%{box-shadow:0 0 0 10px #1976d200}to{box-shadow:0 0 #1976d200}}.drag-card.dragging{animation:dragPulse 1.5s infinite}.drag-grid .MuiGrid-item{position:relative;transition:all .3s ease}.drag-grid .MuiGrid-item:before{content:"";position:absolute;inset:0;border:2px dashed transparent;border-radius:8px;transition:all .3s ease;pointer-events:none;z-index:1}.drag-grid.drag-over .MuiGrid-item:before{border-color:#1976d2;background-color:#1976d20d}@media (max-width: 768px){.drag-drop-controls{flex-direction:column;gap:8px;width:100%}.drag-mode-actions{width:100%;justify-content:center}.drag-mode-button,.save-sequence-button,.cancel-drag-button{width:100%;min-width:auto}.drag-instructions{font-size:14px;padding:12px}.sequence-chip{font-size:.7rem;min-width:28px}.drag-handle{font-size:10px;padding:2px 6px}}.drag-card:focus{outline:2px solid #1976d2;outline-offset:2px}.drag-handle:focus{outline:2px solid #1976d2;outline-offset:2px}.drag-card.loading{opacity:.6;pointer-events:none}.drag-card.success{border:2px solid #4caf50;background-color:#4caf500d}.drag-card.error{border:2px solid #f44336;background-color:#f443360d}.saving-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#ffffffe6;border-radius:50%;padding:8px;z-index:4;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(0,0,0,.1)}.drag-card.saving{opacity:.8;pointer-events:none}.drag-card.saving .drag-handle{opacity:.5}:root{--color-primary: #4169e1;--color-primary-dark: #2d4256;--color-primary-light: #e6f0ff;--color-primary-hover: rgba(65, 105, 225, .08);--color-text-primary: #000000;--color-text-secondary: #2d4256;--color-text-muted: #9ca3af;--color-text-white: #ffffff;--color-bg-primary: #ffffff;--color-bg-secondary: #f9fafb;--color-bg-tertiary: #f3f4f6;--color-bg-overlay: rgba(0, 0, 0, .04);--color-border-primary: #e5e7eb;--color-border-secondary: #d1d5db;--color-border-focus: #4169e1;--color-border-hover: #9ca3af;--color-success: #4caf50;--color-success-bg: rgba(76, 175, 80, .1);--color-success-border: rgba(76, 175, 80, .3);--color-warning: #ff9800;--color-warning-bg: rgba(255, 152, 0, .1);--color-warning-border: rgba(255, 152, 0, .3);--color-error: #f44336;--color-error-bg: rgba(244, 67, 54, .1);--color-error-border: rgba(244, 67, 54, .3);--color-info: #3b82f6;--color-info-bg: rgba(59, 130, 246, .1);--color-info-border: rgba(59, 130, 246, .3);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 20px;--spacing-2xl: 24px;--spacing-3xl: 32px;--spacing-4xl: 48px;--spacing-5xl: 64px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-full: 50%;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--shadow-md: 0 2px 8px rgba(0, 0, 0, .05);--shadow-lg: 0 4px 12px rgba(0, 0, 0, .1);--shadow-xl: 0 8px 32px rgba(0, 0, 0, .12);--shadow-primary: 0 2px 8px rgba(65, 105, 225, .15);--shadow-primary-lg: 0 4px 12px rgba(65, 105, 225, .3);--font-family-primary: "Public Sans", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.1rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.2;--line-height-normal: 1.4;--line-height-relaxed: 1.5;--transition-fast: .2s ease-in-out;--transition-normal: .3s ease;--transition-slow: .4s ease;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--z-toast: 2000}*{box-sizing:border-box}body{background-color:var(--color-bg-primary)!important;color:var(--color-text-primary)!important;font-family:var(--font-family-primary)}.form-padding{padding:34px 30px}.form-margin-bottom{margin-bottom:45px}.hidden{display:none}.error-text{color:red;font-size:14px}.image-preview{width:100%;max-height:250px;object-fit:cover;border-radius:8px;box-shadow:0 2px 10px #00000026}button.MuiButtonBase-root.MuiIconButton-root.MuiIconButton-sizeMedium:hover{background:#7e9bc5;border:white}.avatar-preview{width:80px;height:80px;object-fit:cover;border-radius:50%}.status-active{color:#4caf50}.status-inactive{color:#f44336}.status-suspended{color:#ff9800}.status-pending{color:#9e9e9e}.bg-status-active{background-color:#4caf50}.bg-status-inactive{background-color:#f44336}.bg-status-suspended{background-color:#ff9800}.text-primary{color:#212b36}.text-secondary{color:#6b7280}.text-muted{color:#9e9e9e}.status-text-active{color:#4caf50}.status-text-inactive{color:#f44336}.status-text-suspended{color:#ff9800}.status-text-pending{color:#9e9e9e}.status-bg-active{background-color:#4caf50}.status-bg-inactive{background-color:#f44336}.status-bg-suspended{background-color:#ff9800}.status-chip-active{color:#4caf50;background-color:#4caf5033;border:1px solid rgba(76,175,80,.3)}.status-chip-suspended{color:#f44336;background-color:#f4433633;border:1px solid rgba(244,67,54,.3)}.status-chip-pending{color:#9e9e9e;background-color:#9e9e9e33;border:1px solid rgba(158,158,158,.3)}.border-light{border-color:#d1d5db}.border-medium{border-color:#9ca3af}.border-primary{border-color:#5fbb47}.btn-blue{background-color:#0098ff;color:#fff}.btn-blue:hover{background-color:#007acc}.bg-white{background-color:#fff}.bg-light-green{background-color:#e8f5e8}.simplebar-content .MuiBox-root{padding-top:0;padding-bottom:5px}.MuiAppBar-root{color:#000!important;box-shadow:0 1px 3px #0000001a!important}.MuiDrawer-paper{background-color:#f9fafb!important;border-right:1px solid #e5e7eb!important}.MuiDrawer-paper .MuiListItem-root{color:#000!important}.MuiDrawer-paper .MuiListItem-root:hover{background-color:#f3f4f6!important}.MuiDrawer-paper .MuiListItem-root.Mui-selected{background-color:#e6f0ff!important;color:#4169e1!important}.MuiDrawer-paper .MuiListItemIcon-root{color:#6b7280!important}.MuiDrawer-paper .MuiListItem-root.Mui-selected .MuiListItemIcon-root{color:#4169e1!important}.MuiButton-containedPrimary{background-color:#4169e1!important;color:#fff!important;border:none!important;box-shadow:0 2px 4px #4169e14d!important}.MuiButton-containedPrimary:hover{background-color:#2d4256!important;box-shadow:0 4px 8px #4169e166!important}.MuiButton-outlinedPrimary{color:#4169e1!important;border-color:#4169e1!important}.MuiButton-outlinedPrimary:hover{background-color:#4169e114!important;border-color:#2d4256!important}.MuiButton-textPrimary{color:#4169e1!important}.MuiButton-textPrimary:hover{background-color:#4169e114!important}.MuiCard-root{background-color:#fff!important;border:1px solid #e5e7eb!important;box-shadow:0 1px 3px #0000001a!important}.MuiCardHeader-root{background-color:#f9fafb!important;border-bottom:1px solid #e5e7eb!important;padding-bottom:22px!important}.MuiCardContent-root,.MuiTable-root{background-color:#fff!important}.MuiTableHead-root{background-color:#f9fafb!important}.MuiTableHead-root .MuiTableCell-root{background-color:#f9fafb!important;color:#000!important;font-weight:600!important;border-bottom:2px solid #e5e7eb!important}.MuiTableBody-root .MuiTableRow-root{background-color:#fff!important}.MuiTableBody-root .MuiTableRow-root:hover{background-color:#f9fafb!important}.MuiTableBody-root .MuiTableCell-root{color:#000!important;border-bottom:1px solid #f3f4f6!important}.MuiPaper-root{color:#000!important}.MuiPaper-elevation1{box-shadow:0 1px 3px #0000001a!important}.MuiPaper-elevation2{box-shadow:0 2px 6px #0000001a!important}.MuiPaper-elevation3{box-shadow:0 4px 12px #0000001a!important}.MuiTextField-root .MuiOutlinedInput-root{background-color:#fff!important;color:#000!important}.MuiTextField-root .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline{border-color:#d1d5db!important}.MuiTextField-root .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:#9ca3af!important}.MuiTextField-root .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#4169e1!important;border-width:2px!important}.MuiInputLabel-root{color:#6b7280!important}.MuiInputLabel-root.Mui-focused{color:#4169e1!important}.MuiSelect-root{background-color:#fff!important;color:#000!important}.MuiSelect-root .MuiOutlinedInput-notchedOutline{border-color:#d1d5db!important}.MuiSelect-root:hover .MuiOutlinedInput-notchedOutline{border-color:#9ca3af!important}.MuiSelect-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#4169e1!important}.MuiChip-root{background-color:#f3f4f6!important;color:#000!important;margin-top:3px}.MuiChip-colorPrimary{background-color:#e6f0ff!important;color:#4169e1!important}.MuiDialog-paper{background-color:#fff!important;color:#000!important}.MuiDialogTitle-root{background-color:#f9fafb!important;color:#000!important;border-bottom:1px solid #e5e7eb!important}.MuiDialogContent-root{background-color:#fff!important;color:#000!important}.MuiDialogActions-root{background-color:#f9fafb!important;border-top:1px solid #e5e7eb!important}.MuiMenu-paper{background-color:#fff!important;border:1px solid #e5e7eb!important;box-shadow:0 4px 12px #0000001a!important}.MuiMenuItem-root{color:#000!important}.MuiMenuItem-root:hover{background-color:#f9fafb!important}.MuiMenuItem-root.Mui-selected{background-color:#e6f0ff!important;color:#4169e1!important}.MuiTooltip-tooltip{background-color:#000!important;color:#fff!important;font-size:12px!important}.MuiSnackbarContent-root{background-color:#000!important;color:#fff!important}.MuiSnackbarContent-root.MuiSnackbarContent-variantSuccess{background-color:#4169e1!important}.MuiSnackbarContent-root.MuiSnackbarContent-variantError{background-color:#ef4444!important}.MuiSnackbarContent-root.MuiSnackbarContent-variantWarning{background-color:#f59e0b!important}.MuiSnackbarContent-root.MuiSnackbarContent-variantInfo{background-color:#3b82f6!important}.MuiLinearProgress-root{background-color:#f3f4f6!important}.MuiLinearProgress-bar{background-color:#4169e1!important}.MuiCircularProgress-root{color:#4169e1!important}.MuiButton-root .MuiCircularProgress-root,.MuiLoadingButton-root .MuiCircularProgress-root,.MuiButton-root .MuiCircularProgress-circle,.MuiLoadingButton-root .MuiCircularProgress-circle{color:#fff!important;stroke:#fff!important}.MuiButton-contained .MuiCircularProgress-root,.MuiLoadingButton-contained .MuiCircularProgress-root{color:#fff!important}.MuiButton-contained .MuiCircularProgress-circle,.MuiLoadingButton-contained .MuiCircularProgress-circle{stroke:#fff!important}.MuiSwitch-root .MuiSwitch-switchBase.Mui-checked{color:#4169e1!important}.MuiSwitch-root .MuiSwitch-switchBase.Mui-checked+.MuiSwitch-track{background-color:#4169e1!important}.MuiCheckbox-root.Mui-checked{color:#4169e1!important}.MuiCheckbox-root.Mui-checked:hover{background-color:#4169e114!important}.MuiRadio-root.Mui-checked{color:#4169e1!important}.MuiRadio-root.Mui-checked:hover{background-color:#4169e114!important}.MuiTabs-root{background-color:#f9fafb!important;border-bottom:1px solid #e5e7eb!important}.MuiTab-root{color:#6b7280!important}.MuiTab-root.Mui-selected{color:#4169e1!important}.MuiTabs-indicator{background-color:#4169e1!important}.MuiAccordion-root{background-color:#fff!important;border:1px solid #e5e7eb!important}.MuiAccordionSummary-root{background-color:#f9fafb!important;color:#000!important}.MuiAccordionDetails-root{background-color:#fff!important;color:#000!important}.MuiList-root{background-color:#fff!important}.MuiListItem-root{color:#000!important}.MuiListItem-root:hover{background-color:#f9fafb!important}.MuiListItem-root.Mui-selected{background-color:#e6f0ff!important;color:#4169e1!important}.MuiDivider-root{background-color:#e5e7eb!important}.MuiAvatar-root{background-color:#f3f4f6!important;color:#000!important}.MuiAvatar-colorPrimary,.MuiBadge-badge{background-color:#4169e1!important;color:#fff!important}.MuiStepper-root{background-color:#fff!important}.MuiStepLabel-root .MuiStepLabel-label{color:#000!important}.MuiStepLabel-root.Mui-active .MuiStepLabel-label,.MuiStepLabel-root.Mui-completed .MuiStepLabel-label{color:#4169e1!important}.MuiStepConnector-line{border-color:#e5e7eb!important}.MuiStepConnector-active .MuiStepConnector-line,.MuiStepConnector-completed .MuiStepConnector-line{border-color:#4169e1!important}.error-msg{font-size:12px;color:red}.custom_loader{display:flex;align-items:center;justify-content:center;height:40vh;gap:8px}p.customerrorMessage{font-family:initial;line-height:1.5;color:red;font-size:.75rem;font-weight:400;text-align:left;margin:3px 14px 0}.search_con{display:flex;align-items:center;justify-content:center;position:relative}.search_con .search_input{padding-right:15px}.search_con svg{position:absolute;right:0;bottom:17%;font-size:18px}.button-outlined{color:"#fff"!important}.upload-box{display:flex;justify-content:center;align-items:center;border:1px solid #e5e5e5;border-radius:62px;padding:20px;height:120px;width:120px;cursor:pointer;position:relative;margin:0 auto}.avatar{width:100px;height:100px;position:relative}.imageerror{text-align:center;color:#f16666;line-height:1.5;font-size:.75rem;font-family:Public Sans,sans-serif;font-weight:400;margin:3px 14px 0}.rdt_TableRow{color:#000!important;border-color:#000!important}.rdt_TableRow p{padding-top:1%!important;color:#000!important}.rdt_Pagination{color:#000!important;border-color:#000!important}.rdt_Pagination div button{fill:#000!important}button#pagination-first-page:disabled,button#pagination-previous-page:disabled,button#pagination-next-page:disabled,button#pagination-last-page:disabled{fill:gray!important}.jodit-react-container,.jodit-dialog__content{color:#000}.jodit-workplace ul,.list-data ul{padding:revert!important;margin:revert!important}.jodit-ui-checkbox{color:#000}.jodit-dialog__header{color:#000!important}input:-webkit-autofill{border:none;border-radius:.3rem;caret-color:#fff;color:#fff;background:#292a2d;-webkit-text-fill-color:#fff;-webkit-background-clip:text;box-shadow:0 0 0 50px #292a2d inset}.status-box-action{justify-content:center;margin-bottom:15px!important}.popupbox-statis h3,.popupbox-statis h4{margin-bottom:0!important}.subcategorySearchbox{margin-right:1%}.css-1yjjitx-MuiSwitch-track{background-color:#fff}span.MuiSwitch-track{background:gray}.pageloaderWrp{width:100%!important}.backgroundStyle{background-color:#3b5cb45c;background-size:cover}header.MuiPaper-root{background:#093b5d4f}.CustomCalenderbox{width:100%}.swal2-container{z-index:2000!important}.question-cell{font-weight:500;white-space:normal;overflow:hidden;text-overflow:ellipsis}.management-container{padding:24px;min-height:100vh}.management-header-paper{padding:24px;margin-bottom:24px;border-radius:16px;background:linear-gradient(135deg,#4169e1,#2d4256);border:1px solid #e5e7eb;box-shadow:0 4px 12px #4169e126}.management-header-content{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.management-header-left{display:flex;align-items:center;gap:16px}.management-header-avatar{background-color:#fff;color:#4169e1;width:56px;height:56px}.management-header-title{color:#fff;font-weight:700;margin-bottom:4px}.management-header-subtitle{color:#ffffffe6}.management-add-button{background-color:#fff;color:#4169e1;padding:12px 32px;border-radius:12px;font-weight:600;border:2px solid #ffffff}.management-add-button:hover{background-color:#f9fafb;color:#2d4256}.user-management-container{padding:24px;background-color:#fff;min-height:100vh}.user-header-paper{padding:24px;margin-bottom:24px;border-radius:16px;background:linear-gradient(135deg,#4169e1,#2d4256);border:1px solid #e5e7eb;box-shadow:0 4px 12px #4169e126}.user-header-content{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.user-header-left{display:flex;align-items:center;gap:16px}.user-header-avatar{background-color:#fff;color:#4169e1;width:56px;height:56px}.user-header-title{color:#fff;font-weight:700;margin-bottom:4px}.user-header-subtitle{color:#ffffffe6}.user-add-button{background-color:#fff;color:#4169e1;padding:12px 32px;border-radius:12px;font-weight:600;border:2px solid #ffffff}.user-add-button:hover{background-color:#f9fafb;color:#2d4256}.user-stats-grid{margin-top:16px}.user-stat-card{padding:20px;text-align:center;background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000000d;color:#212b36}.user-stat-card-active{padding:20px;text-align:center;background-color:#fff;border:1px solid #4caf50;border-radius:12px;box-shadow:0 2px 8px #4caf501a;color:#212b36}.user-stat-card-inactive{padding:20px;text-align:center;background-color:#fff;border:1px solid #f44336;border-radius:12px;box-shadow:0 2px 8px #f443361a;color:#212b36}.user-stat-card-excluded{padding:20px;text-align:center;background-color:#fff;border:1px solid #ff9800;border-radius:12px;box-shadow:0 2px 8px #ff98001a;color:#212b36}.user-stat-number{color:#4169e1;font-weight:700;font-size:2rem}.user-stat-number-active{color:#4caf50;font-weight:700;font-size:2rem}.user-stat-number-inactive{color:#f44336}.user-stat-number-excluded{color:#ff9800}.user-stat-label{color:#6b7280;font-weight:500;font-size:.875rem}.user-controls-paper{padding:24px;margin-bottom:24px;border-radius:16px;background-color:#fff;border:1px solid #e5e7eb;box-shadow:0 2px 8px #0000000d}.user-controls-content{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}.user-controls-left{display:flex;align-items:center;gap:16px}.user-search-input,.user-search-input .MuiInput-input{color:#212b36}.user-search-input .MuiInput-input::placeholder{color:#9ca3af;opacity:1}.user-search-input .MuiInput-root{background-color:#f9fafb;border-radius:12px;padding:8px 16px;border:1px solid #d1d5db}.user-search-input .MuiInput-root:hover{border-color:#9ca3af}.user-search-input .MuiInput-root.Mui-focused{border-color:#5fbb47;box-shadow:0 0 0 3px #5fbb471a}.user-clear-search-button{color:#9ca3af}.user-clear-search-button:hover{color:#6b7280}.user-view-toggle{color:#6b7280;border-color:#d1d5db;background-color:#dadada}.user-view-toggle.Mui-selected{background-color:#5fbb47;color:#fff}.user-view-toggle.Mui-selected:hover{background-color:#4a9a3a}.user-content-paper{border-radius:16px;background-color:#fff;border:1px solid #e5e7eb;box-shadow:0 2px 8px #0000000d;overflow:hidden}.user-grid-container{padding:24px;background-color:#f9fafb;width:100%;max-width:100%}.user-loading-container{display:flex;justify-content:center;padding:64px 0}.user-empty-container{text-align:center;padding:64px 0}.user-empty-title{color:#212b36;margin-bottom:16px;font-weight:600}.user-empty-subtitle{color:#6b7280}.user-grid{margin-bottom:32px;padding:0 8px;width:100%;display:flex;flex-wrap:wrap}.user-grid .MuiGrid-container{width:100%!important;max-width:100%!important}.user-grid .MuiGrid-item{padding-left:8px!important;padding-right:8px!important}@media (max-width: 1199px){.user-grid .MuiGrid-item,.user-grid .MuiGrid-root.MuiGrid-item{flex-basis:33.333%!important;max-width:33.333%!important;width:33.333%!important;flex:0 0 33.333%!important}}@media (max-width: 899px){.user-grid .MuiGrid-item,.user-grid .MuiGrid-root.MuiGrid-item{flex-basis:50%!important;max-width:50%!important;width:50%!important;flex:0 0 50%!important}}@media (max-width: 599px){.user-grid .MuiGrid-item,.user-grid .MuiGrid-root.MuiGrid-item{flex-basis:100%!important;max-width:100%!important;width:100%!important;flex:0 0 100%!important}}.user-card{height:100%;border-radius:16px;box-shadow:0 4px 20px #00000014;border:1px solid #e5e7eb;background-color:#fff;transition:all .3s ease;position:relative;min-height:480px;overflow:hidden;display:flex;flex-direction:column}.user-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #4169e126;border-color:#4169e1}.user-card-index-badge{position:absolute;top:12px;left:12px;background:linear-gradient(135deg,#1976d2,#1565c0);color:#fff;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;z-index:2;box-shadow:0 2px 8px #1976d24d;border:1px solid rgba(255,255,255,.2);transition:all .3s cubic-bezier(.4,0,.2,1)}.user-card:hover .user-card-index-badge{transform:scale(1.1);box-shadow:0 4px 12px #1976d266}.user-selection-button{position:absolute;top:12px;right:12px;z-index:3;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer}.user-selection-button.unselected{background-color:#fffffff2;box-shadow:0 2px 12px #00000026;border:2px solid rgba(25,118,210,.2)}.user-selection-button.selected{background-color:#1976d2;box-shadow:0 4px 16px #1976d266;border:2px solid white}.user-selection-button:hover{transform:scale(1.1)}.user-selection-button.unselected:hover{box-shadow:0 4px 16px #0003;background-color:#1976d21a}.user-selection-button.selected:hover{box-shadow:0 6px 20px #1976d280;background-color:#1565c0}.user-selection-icon{font-size:1rem;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer}.user-selection-icon.unselected{color:#1976d2;font-size:1rem}.user-selection-icon.selected{color:#fff;font-size:1.2rem}.user-card-selected{border:2px solid #1976d2!important;background-color:#1976d20a!important;transform:translateY(-4px);box-shadow:0 12px 32px #1976d226!important}.user-card-unselected{border:1px solid rgba(0,0,0,.08);background-color:#fff;transform:translateY(0);box-shadow:0 2px 8px #00000014}.user-card{transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;border-radius:12px;overflow:hidden}.user-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001f;border-color:#1976d24d}.user-card-selected:hover{transform:translateY(-4px);box-shadow:0 16px 40px #1976d233;border-color:#1565c0}.user-selection-overlay{position:absolute;inset:0;background-color:#1976d2;opacity:.1;border-radius:inherit;z-index:1;pointer-events:none}.user-status-container{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.user-status-chip{font-weight:600!important;font-size:.75rem!important;height:24px!important}.user-card-content{padding:20px;height:100%;display:flex;flex-direction:column;position:relative;flex:1}.user-card-header{display:flex;align-items:flex-start;margin-bottom:20px;gap:12px}.user-card-avatar{background:linear-gradient(135deg,#4169e1,#2d4256);width:48px;height:48px;box-shadow:0 2px 8px #4169e14d;border:2px solid #ffffff;flex-shrink:0}.user-card-title-container{flex:1;display:flex;flex-direction:column;gap:8px;min-width:0}.user-card-fullname{color:#000;font-weight:600;margin:0;font-size:1.1rem;line-height:1.4;word-break:break-all}.user-card-username{color:#6b7280;font-weight:500;margin:0;font-size:.9rem;line-height:1.4}.user-card-status-chip{background:linear-gradient(135deg,#4169e1,#2d4256);color:#fff;font-weight:600;border:none;border-radius:12px;padding:6px 12px;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #4169e14d;align-self:flex-start;margin-top:4px}.user-card-divider{margin:16px 0;border-color:#e5e7eb;border-width:1px;opacity:.4}.user-card-details-compact{padding:0;margin-bottom:16px}.user-card-detail-item-compact{margin-bottom:8px;padding:0;display:flex;flex-direction:column;gap:2px}.user-card-detail-label-compact{color:#6b7280!important;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin:0;line-height:1.2}.user-card-detail-value-compact{color:#000!important;font-weight:500;font-size:.8rem;line-height:1.3;word-break:break-word;white-space:normal;margin:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.user-card-actions{display:flex;gap:8px;justify-content:center;margin-bottom:16px;padding:0}.user-action-button-view{color:#4caf50;background:#4caf501a;border:1px solid rgba(76,175,80,.3);border-radius:50%;width:36px;height:36px;transition:all .3s ease}.user-action-button-view:hover{background:#4caf5033;transform:scale(1.1)}.user-action-button-edit{color:#ff9800;background:#ff98001a;border:1px solid rgba(255,152,0,.3);border-radius:50%;width:36px;height:36px;transition:all .3s ease}.user-action-button-edit:hover{background:#ff980033;transform:scale(1.1)}.user-action-button-delete{color:#f44336;background:#f443361a;border:1px solid rgba(244,67,54,.3);border-radius:50%;width:36px;height:36px;transition:all .3s ease}.user-action-button-delete:hover{background:#f4433633;transform:scale(1.1)}.user-action-button-gallery{color:#3b82f6;background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:50%;width:36px;height:36px;transition:all .3s ease}.user-action-button-gallery:hover{background:#3b82f633;transform:scale(1.1)}.user-card-status-container{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#f9fafb;border-radius:12px;border:1px solid #e5e7eb;margin-top:auto;margin-bottom:16px}.user-card-status-text{color:#6b7280;font-weight:500;font-size:.875rem}.user-card-status-switch .MuiSwitch-switchBase.Mui-checked{color:#4caf50}.user-card-status-switch .MuiSwitch-switchBase.Mui-checked+.MuiSwitch-track{background-color:#4caf50}.user-header-icon{font-size:28px}.user-card-zoom,.user-card-zoom-0{transition-delay:0ms}.user-card-zoom-1{transition-delay:.1s}.user-card-zoom-2{transition-delay:.2s}.user-card-zoom-3{transition-delay:.3s}.user-card-zoom-4{transition-delay:.4s}.user-card-zoom-5{transition-delay:.5s}.user-card-zoom-6{transition-delay:.6s}.user-card-zoom-7{transition-delay:.7s}.user-card-zoom-8{transition-delay:.8s}.user-card-zoom-9{transition-delay:.9s}.user-pagination-container{display:flex;justify-content:space-between;align-items:center;margin-top:32px;padding:16px;flex-wrap:wrap;gap:16px}.user-pagination-info{display:flex;align-items:center;gap:16px}.user-pagination-text{color:#6b7280}.user-pagination-controls{display:flex;align-items:center;gap:16px}.user-pagination-controls .MuiButton-root{color:#4169e1;border-color:#d1d5db;background-color:#fff}.user-pagination-controls .MuiButton-root:hover{border-color:#4169e1;background-color:#4169e11a}.user-pagination-controls .MuiButton-root:disabled{color:#9ca3af;border-color:#e5e7eb;background-color:#f9fafb}.user-page-size-select{color:#212b36;min-width:80px}.user-page-size-select .MuiOutlinedInput-notchedOutline{border-color:#d1d5db}.user-page-size-select:hover .MuiOutlinedInput-notchedOutline{border-color:#9ca3af}.user-page-size-select .MuiSvgIcon-root,.user-page-size-select .MuiInputLabel-root{color:#6b7280}.user-page-size-select .MuiInputLabel-root.Mui-focused,.user-pagination{color:#4169e1}.user-pagination .MuiPaginationItem-root{color:#6b7280}.user-pagination .MuiPaginationItem-root.Mui-selected{background-color:#4169e1;color:#fff}.user-datatable .MuiDataTable-headCells{font-size:15px;font-weight:700;background-color:#f9fafb;color:#000;border-bottom:1px solid #e5e7eb}.user-datatable .MuiDataTable-rows{background-color:#fff;color:#000}.user-datatable .MuiDataTable-rows:hover{background-color:#f9fafb}.user-status-dialog{background-color:#fff;border-radius:16px}.user-status-dialog-title{color:#000;font-weight:600}.user-status-dialog-actions{padding:16px 24px;background-color:#f9fafb;border-top:1px solid #e5e7eb}.user-view-dialog{background-color:#fff;border-radius:16px}.user-view-dialog-title{background-color:#f9fafb;border-bottom:1px solid #e5e7eb;padding:24px}.user-view-dialog-actions{padding:16px 24px;background-color:#f9fafb;border-top:1px solid #e5e7eb;gap:12px}.user-detail-section{margin-bottom:16px}.user-detail-label{color:#6b7280;font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.user-detail-value{color:#000;font-weight:500;font-size:1rem;word-break:break-word}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (min-width: 1200px){.user-card{min-height:450px}}@media (max-width: 899px) and (min-width: 600px){.user-card{min-height:400px}}@media (max-width: 599px){.management-header-content,.user-header-content{flex-direction:column;gap:16px;align-items:flex-start}.user-controls-content{flex-direction:column;align-items:stretch}.user-pagination-container{flex-direction:column;gap:16px}.management-container,.user-management-container,.management-header-paper,.user-header-paper,.user-controls-paper{padding:16px}.user-card-content{padding:20px}.user-card{min-height:380px}}.user-controls-content{display:flex;justify-content:space-between;align-items:center;width:100%}.user-controls-left{flex:1;max-width:400px}.user-controls-right{display:flex;align-items:center;gap:16px}.user-view-toggle{border:1px solid rgba(255,255,255,.3);border-radius:8px;overflow:hidden}.user-view-toggle .MuiToggleButton-root{border:none;color:#4169e1;background-color:#fff;padding:8px 12px;min-width:40px}.user-view-toggle .MuiToggleButton-root:hover{background-color:#ffffff1a}.user-view-toggle .MuiToggleButton-root.Mui-selected{background-color:#eee;color:#000}.user-card-details-compact{padding:16px 0}.user-card-detail-item-compact{margin-bottom:12px;padding:4px 0}.user-card-detail-label-compact{font-weight:600;color:#000!important;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;display:block}.user-card-detail-value-compact{color:#000!important;font-size:.875rem;font-weight:500;line-height:1.4}@media (max-width: 768px){.user-controls-content{flex-direction:column;gap:16px;align-items:stretch}.user-controls-left{max-width:none}.user-controls-right{justify-content:center}}@media (max-width: 600px){.user-card-details-compact .MuiGrid-item{flex-basis:100%!important;max-width:100%!important;width:100%!important;flex:0 0 100%!important}}.user-card-details-compact .MuiGrid-item{padding-left:4px!important;padding-right:4px!important}.disabled-btnupdate{background:gray!important}input:-webkit-autofill{box-shadow:unset;color:#000!important;-webkit-text-fill-color:black}.username-text11{line-break:anywhere}.myprofile-email{overflow:revert!important;line-break:anywhere!important;white-space:break-spaces!important}.addedit-role-container{padding:24px;max-width:1200px;margin:0 auto}.addedit-role-form-section{margin-bottom:32px}.addedit-role-section-title{font-size:1.25rem;font-weight:600;color:#212b36;margin-bottom:16px;display:flex;align-items:center}.addedit-role-section-title:before{content:"";width:4px;height:20px;background-color:#5fbb47;margin-right:12px;border-radius:2px}.addedit-role-permissions-container{padding:24px;border-radius:16px;border:1px solid #e5e7eb;background-color:#fff;box-shadow:none}.addedit-role-permissions-title{font-size:1.1rem;font-weight:600;color:#212b36;margin-bottom:16px;display:flex;align-items:center}.addedit-role-permissions-title:before{content:"";width:3px;height:16px;background-color:#d95323;margin-right:8px;border-radius:2px}.addedit-role-permissions-divider{margin-bottom:24px;border-color:#e5e7eb}.addedit-role-permissions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.addedit-role-module-card{padding:20px;border-radius:12px;border:1px solid #e5e7eb;background-color:#f9fafb;transition:all .2s ease-in-out}.addedit-role-module-card:hover{border-color:#5fbb47;box-shadow:0 2px 8px #5fbb471f}.addedit-role-module-title{font-size:.95rem;font-weight:600;color:#212b36;margin-bottom:12px;text-transform:capitalize;letter-spacing:.5px}.addedit-role-form-group{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px}.addedit-role-form-control-label{margin:0;min-width:120px}.addedit-role-form-control-label .MuiFormControlLabel-label{font-size:.875rem;color:#6b7280;text-transform:capitalize}.addedit-role-form-control-label .MuiCheckbox-root{padding:4px}.addedit-role-form-control-label .MuiCheckbox-root.Mui-checked{color:#5fbb47}.addedit-role-text-field .MuiOutlinedInput-root{border-radius:12px}.addedit-role-text-field .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:#5fbb47}.addedit-role-text-field .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-width:2px}.addedit-role-text-field .MuiInputLabel-root{font-size:.95rem}.addedit-role-text-field .MuiInputLabel-root.Mui-focused{color:#5fbb47}.addedit-role-action-buttons{display:flex;gap:16px;justify-content:flex-end;margin-top:32px;padding-top:24px;border-top:1px solid #e5e7eb}.addedit-role-submit-button{min-width:140px;height:48px;border-radius:12px;font-size:.95rem;font-weight:600;text-transform:none;box-shadow:0 2px 4px #0000001a}.addedit-role-submit-button:hover:not(:disabled){box-shadow:0 4px 8px #00000026}.addedit-role-submit-button:disabled{background-color:#e5e7eb!important;color:#9ca3af!important;cursor:not-allowed;box-shadow:none;opacity:.6}.addedit-role-cancel-button{min-width:120px;height:48px;border-radius:12px;font-size:.95rem;font-weight:600;text-transform:none;border-color:#e5e7eb;color:#6b7280}.addedit-role-cancel-button:hover{border-color:#212b36;background-color:#0000000a}.addedit-role-empty-state{text-align:center;padding:32px;color:#6b7280}.addedit-role-empty-state-text{font-size:.95rem;color:#6b7280}@media (max-width: 768px){.addedit-role-container{padding:16px}.addedit-role-permissions-grid{grid-template-columns:1fr;gap:16px}.addedit-role-action-buttons{flex-direction:column;gap:12px}.addedit-role-submit-button,.addedit-role-cancel-button{width:100%}}@media (max-width: 480px){.addedit-role-permissions-container,.addedit-role-module-card{padding:16px}.addedit-role-form-group{flex-direction:column;gap:4px}.addedit-role-form-control-label{min-width:auto}}.logout-dialog{z-index:2000!important}.logout-dialog-paper{border-radius:16px!important;box-shadow:0 8px 32px #0000001f!important;background-color:#fff!important;overflow:hidden}.logout-dialog-title{padding:24px 24px 0!important;margin-bottom:0!important}.logout-dialog-header{display:flex;align-items:center;justify-content:space-between;width:100%}.logout-dialog-icon-container{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,#ff6b6b,#ee5a52);border-radius:12px;margin-right:16px;box-shadow:0 4px 12px #ff6b6b4d}.logout-dialog-icon{color:#fff!important;font-size:24px!important}.logout-dialog-title-text{flex:1;font-weight:600!important;color:#212b36!important;font-size:1.25rem!important}.logout-dialog-close-button{color:#6b7280!important;padding:8px!important;margin-left:16px!important}.logout-dialog-close-button:hover{background-color:#0000000a!important;color:#212b36!important}.logout-dialog-divider{margin:0!important;border-color:#e5e7eb!important}.logout-dialog-content{padding:24px!important}.logout-dialog-user-info{display:flex;align-items:center;margin-bottom:24px;padding:16px;background-color:#f9fafb;border-radius:12px;border:1px solid #e5e7eb}.logout-dialog-avatar{width:48px!important;height:48px!important;margin-right:16px!important;background:linear-gradient(135deg,#5fbb47,#4a9a3a)!important;font-weight:600!important;font-size:1.1rem!important;box-shadow:0 2px 8px #5fbb474d!important}.logout-dialog-user-details{flex:1}.logout-dialog-user-name{font-weight:600!important;color:#212b36!important;margin-bottom:4px!important;font-size:1rem!important}.logout-dialog-user-email{color:#6b7280!important;font-size:.875rem!important;word-break:break-all}.logout-dialog-message{text-align:center;padding:16px 0}.logout-dialog-main-text{font-weight:500!important;color:#212b36!important;margin-bottom:8px!important;font-size:1.1rem!important}.logout-dialog-sub-text{color:#6b7280!important;font-size:.9rem!important;line-height:1.5!important}.logout-dialog-actions{padding:16px 24px 24px!important;gap:12px!important;justify-content:flex-end!important}.logout-dialog-cancel-button{min-width:100px!important;height:44px!important;border-radius:12px!important;font-weight:600!important;text-transform:none!important;border-color:#d1d5db!important;color:#6b7280!important;font-size:.95rem!important}.logout-dialog-cancel-button:hover{border-color:#9ca3af!important;background-color:#0000000a!important;color:#212b36!important}.logout-dialog-confirm-button{min-width:120px!important;height:44px!important;border-radius:12px!important;font-weight:600!important;text-transform:none!important;background:linear-gradient(135deg,#ff6b6b,#ee5a52)!important;color:#fff!important;font-size:.95rem!important;box-shadow:0 4px 12px #ff6b6b4d!important}.logout-dialog-confirm-button:hover{background:linear-gradient(135deg,#ff5252,#e53935)!important;box-shadow:0 6px 16px #ff6b6b66!important;transform:translateY(-1px)}@media (max-width: 600px){.logout-dialog-paper{margin:16px!important;max-width:calc(100% - 32px)!important}.logout-dialog-title{padding:20px 20px 0!important}.logout-dialog-content{padding:20px!important}.logout-dialog-actions{padding:12px 20px 20px!important;flex-direction:column!important}.logout-dialog-cancel-button,.logout-dialog-confirm-button{width:100%!important;min-width:auto!important}.logout-dialog-user-info{flex-direction:column;text-align:center;padding:20px}.logout-dialog-avatar{margin-right:0!important;margin-bottom:12px!important}.logout-dialog-header{flex-direction:column;align-items:flex-start;gap:12px}.logout-dialog-icon-container{margin-right:0;align-self:center}.logout-dialog-close-button{position:absolute;top:16px;right:16px;margin-left:0!important}}.logout-dialog-user-name-container{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.logout-dialog-role-chip{font-size:.75rem!important;height:24px!important;font-weight:600!important;border-radius:12px!important;box-shadow:0 2px 4px #0000001a!important}.logout-dialog-session-info{display:flex;align-items:center;margin-top:8px;gap:6px}.logout-dialog-session-icon{font-size:16px!important;color:#6b7280!important}.logout-dialog-session-text{color:#6b7280!important;font-size:.75rem!important;font-weight:500!important}.logout-dialog-security-alert{margin:16px 0!important;border-radius:12px!important;border:1px solid #fbbf24!important;background-color:#fffbeb!important}.logout-dialog-security-alert .MuiAlert-icon{color:#f59e0b!important}.logout-dialog-security-alert .MuiAlertTitle-root{color:#92400e!important;font-weight:600!important;font-size:.9rem!important}.logout-dialog-security-alert .MuiAlert-message{color:#92400e!important;font-size:.85rem!important}.logout-dialog-progress-container{margin:20px 0;padding:16px;background-color:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.logout-dialog-progress-text{color:#475569!important;font-weight:500!important;margin-bottom:8px!important;text-align:center}.logout-dialog-progress-bar{height:8px!important;border-radius:4px!important;background-color:#e2e8f0!important;margin-bottom:8px!important}.logout-dialog-progress-bar .MuiLinearProgress-bar{background:linear-gradient(135deg,#5fbb47,#4a9a3a)!important;border-radius:4px!important}.logout-dialog-progress-percentage{color:#5fbb47!important;font-weight:600!important;text-align:center;display:block}.logout-dialog-confirm-button:disabled{background:#e5e7eb!important;color:#9ca3af!important;box-shadow:none!important;transform:none!important}.logout-dialog-confirm-button.Mui-disabled{background:#e5e7eb!important;color:#9ca3af!important}.logout-dialog-paper{animation:slideInUp .6s ease-out!important}@keyframes slideInUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.logout-dialog-icon-container{animation:pulse 3s infinite!important}@keyframes pulse{0%{box-shadow:0 4px 12px #ff6b6b4d}50%{box-shadow:0 4px 12px #ff6b6b80}to{box-shadow:0 4px 12px #ff6b6b4d}}.logout-dialog-role-chip:hover{transform:scale(1.05);transition:transform .4s ease}.logout-dialog-user-info:hover{background-color:#f3f4f6!important;transition:background-color .4s ease}.logout-dialog-confirm-button:disabled .MuiButton-startIcon{animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 600px){.logout-dialog-role-chip{font-size:.7rem!important;height:22px!important}.logout-dialog-session-info{justify-content:center}.logout-dialog-security-alert{margin:12px 0!important}.logout-dialog-progress-container{margin:16px 0;padding:12px}.logout-dialog-user-name-container{justify-content:center;text-align:center}}.subadmin-header-avatar{background-color:#4169e1;color:#fff;width:56px;height:56px;font-size:1.5rem;font-weight:600}.subadmin-section-header{display:flex;align-items:center;margin-bottom:24px}.subadmin-section-icon{margin-right:12px;color:#4169e1;font-size:24px}.subadmin-section-title{font-weight:600;color:#4169e1;font-size:1.25rem}.subadmin-profile-avatar{width:100px;height:100px;border:3px solid #4169e1;box-shadow:0 4px 12px #4169e14d}.subadmin-upload-button{background-color:#4169e1;color:#fff;border-radius:8px;padding:12px 24px;font-weight:600;text-transform:none}.subadmin-upload-button:hover{background-color:#2d4256}.subadmin-form-field{border-radius:8px}.subadmin-form-field:hover .MuiOutlinedInput-notchedOutline{border-color:#4169e1}.subadmin-form-field.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#4169e1;border-width:2px}.subadmin-form-field .MuiInputLabel-root.Mui-focused,.subadmin-form-icon{color:#4169e1}.subadmin-form-at-symbol{color:#4169e1;font-weight:600}.subadmin-role-chip{background-color:#e6f0ff;color:#4169e1;border:1px solid #4169e1;font-weight:600}.subadmin-submit-button{background-color:#4169e1;color:#fff;font-size:1rem;font-weight:600;text-transform:none;padding:12px 32px;border-radius:8px}.subadmin-submit-button:hover{background-color:#2d4256}.subadmin-card{border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;transition:all .3s ease}.subadmin-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026;border-color:#4169e1}.subadmin-status-active{background-color:#5fbb47;color:#5fbb47}.subadmin-status-suspended{background-color:#ff9800;color:#ff9800}.subadmin-status-inactive{background-color:#f44336;color:#f44336}.subadmin-role-chip-primary{color:#4169e1}.subadmin-avatar-border{border-color:#4169e1}.subadmin-confirm-button{background-color:#4169e1;color:#fff}.subadmin-confirm-button:hover{background-color:#2d4256}.removebg{background:none!important;border:none!important}.removebg:hover{background-color:#4169e114!important}