.modal-content{max-width:500px;background-color:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:0 4px 12px rgba(0,0,0,0.15)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);border-bottom:1px solid rgba(0,0,0,0.05)}:root[data-theme="dark"] .modal-header{border-bottom:1px solid rgba(255,255,255,0.05)}.modal-header h4{margin:0}.modal-close{background:none;border:none;font-size:var(--font-size-2xl);color:var(--text-secondary);cursor:pointer;padding:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;transition:color var(--transition-fast)}.modal-close:hover{color:var(--text-primary)}.modal-body{padding:var(--spacing-md)}.modal-footer{display:flex;gap:var(--spacing-sm);justify-content:flex-end;padding:var(--spacing-md);border-top:1px solid rgba(0,0,0,0.05)}:root[data-theme="dark"] .modal-footer{border-top:1px solid rgba(255,255,255,0.05)}.modal-footer .button{padding:8px 16px;font-size:var(--font-size-sm)}