.modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);display:flex;align-items:center;justify-content:center;z-index:10000;opacity:0;visibility:hidden;transition:opacity var(--transition-normal),visibility var(--transition-normal);padding:var(--space-md);overflow-y:auto}.modal:not(.hidden){opacity:1;visibility:visible}.modal-content{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:500px;width:100%;max-height:90vh;overflow-y:auto;z-index:1000000;position:relative;animation:modalSlideIn 0.3s ease-out}.modal-large .modal-content{max-width:800px}.modal-extra-large .modal-content{max-width:95%;max-width:1200px}.modal-small .modal-content{max-width:400px}.modal-header{padding:var(--space-lg);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.modal-header h3{margin:0;font-size:1.25rem;font-weight:600}.modal-close:hover{background:var(--background);color:var(--text-dark)}.modal-body{padding:var(--space-lg);max-height:calc(90vh - 140px);overflow-y:auto}.modal-footer{padding:var(--space-lg);border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:var(--space-md);background:var(--background);border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg)}@keyframes modalSlideIn{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal .form-group{margin-bottom:var(--space-lg)}.modal .form-group label{display:block;margin-bottom:var(--space-sm);font-weight:500;color:var(--text-dark)}.modal .form-group input,.modal .form-group textarea,.modal .form-group select{width:100%;padding:var(--space-md);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--background);color:var(--text-dark);transition:border-color var(--transition-fast)}.modal .form-group input:focus,.modal .form-group textarea:focus,.modal .form-group select:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px var(--primary-blue-light)}.modal .form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-md);margin-bottom:var(--space-md)}.dynamic-item{display:flex;gap:var(--space-sm);margin-bottom:var(--space-sm)}.dynamic-item input{flex:1}.user-selector{border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-md);max-height:200px;overflow-y:auto}.user-list-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast)}.user-list-item:hover{background:var(--background)}.selected-users{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-top:var(--space-md)}.selected-user{background:var(--primary-blue-light);color:var(--primary-blue);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);display:inline-flex;align-items:center;gap:var(--space-sm)}.remove-selected-user{background:none;border:none;color:var(--primary-blue);cursor:pointer;padding:0;width:16px;height:16px;display:flex;align-items:center;justify-content:center}.notification-preview{background:var(--background);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-lg);margin-top:var(--space-lg)}.preview-content{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-lg)}.preview-notification{border-left:4px solid var(--primary-blue);padding-left:var(--space-md)}.preview-notification.notification-success{border-left-color:var(--success)}.preview-notification.notification-warning{border-left-color:var(--warning)}.preview-notification.notification-danger{border-left-color:var(--error)}.preview-subheading{font-weight:600;margin:var(--space-md) 0 var(--space-sm);color:var(--text-dark)}.preview-list{padding-left:var(--space-lg);margin:var(--space-md) 0}.preview-list li{margin-bottom:var(--space-sm)}.preview-footer{margin-top:var(--space-lg);padding-top:var(--space-md);border-top:1px solid var(--border);color:var(--text-soft);font-style:italic}body.modal-open{overflow:hidden}.modal .form-group textarea{width:100%;padding:var(--space-md);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--background);color:var(--text-dark);font-size:0.875rem;resize:vertical;min-height:80px;transition:all var(--transition-fast)}.modal .form-group textarea:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px var(--primary-blue-light)}#ban-modal .modal-body{padding:var(--space-xl)}#ban-modal .form-group{margin-bottom:var(--space-lg)}#ban-modal .form-group label{font-weight:600;margin-bottom:var(--space-sm);display:block;color:var(--text-dark)}#ban-modal p{margin-bottom:var(--space-lg);line-height:1.6;color:var(--text-dark)}#ban-modal .modal-footer{padding:var(--space-lg) var(--space-xl);background:var(--surface);border-top:1px solid var(--border)}.email-preview-section{border-top:1px solid var(--border-color);padding-top:20px}.email-preview-container{background:white;border:1px solid var(--border-color);border-radius:8px;overflow:hidden;max-height:400px;overflow-y:auto}.email-preview-header{background:linear-gradient(135deg,var(--primary) 0%,var(--accent-purple) 100%);padding:20px;color:white;display:flex;align-items:center;gap:10px}.email-preview-logo{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:600}.email-preview-logo i{font-size:24px}.email-preview-content{padding:30px;color:#333}.email-preview-footer{padding:20px;background:#f8f9fa;border-top:1px solid #e0e0e0;font-size:12px;color:#666;text-align:center}.email-unsubscribe-link,.email-preferences-link{color:var(--primary);text-decoration:none;margin:0 5px}.email-unsubscribe-link:hover,.email-preferences-link:hover{text-decoration:underline}.notification-info .email-preview-header{background:linear-gradient(135deg,var(--primary-blue) 0%,var(--accent-purple) 100%)}.notification-success .email-preview-header{background:linear-gradient(135deg,#2BCC77 0%,#1DB954 100%)}.notification-warning .email-preview-header{background:linear-gradient(135deg,#FFC947 0%,#FF9800 100%)}.notification-danger .email-preview-header{background:linear-gradient(135deg,#FF5A5F 0%,#FF3B30 100%)}